Hey there, I've decided to design my re-design my website using tables, then once I've got the layout how I want it, I'm going to redo it using CSS. I've tried with CSS but have encountered too many issues so I'm putting it on the backburner!
Now, to my problem... When viewing my site (<!-- m --><a class="postlink" href="http://www.ambianceweddingdesign.com/redonesite/index.asp">http://www.ambianceweddingdesign.com/re ... /index.asp</a><!-- m -->) in FireFox or Netscape7, the right navigation item gets sent to the next line... when viewing in IE6 or Opera, it appears fine. Now I assume this is an issue with my CSS and I would assume I need a hack for IE and a change in my layout.
Can someone please check it out and advise me of the needed change... thanks!!Try making that last button a pixel or percent shorter than the rest.
Originally posted by mjdimick
Try making that last button a pixel or percent shorter than the rest.
Same result... I even tried making it 5px shorter... still the same
Any other ideas?Er... you're still using tables in that layout...
I thought you were trying to make a CSS layout.Well what are you using? Pixels or Percents?Originally posted by scottO
Er... you're still using tables in that layout...
I thought you were trying to make a CSS layout.
No, I've tried with CSS but encountered many issues... so I've decided to design it with tables first, then once I've got a stable design, I'm going to work on re-designing it with CSS.Originally posted by mjdimick
Well what are you using? Pixels or Percents?
PixelsI used the super phat EditCSS plugin for Firefox and changed the width of the links from 92px to 90px, and everything was kosher.Originally posted by Paul Jr
I used the super phat EditCSS plugin for Firefox and changed the width of the links from 92px to 90px, and everything was kosher.
This works for me, but when I try to re-center the navigation by altering my table cell widths... I get the same result... I've altered them to fit well in all the mentioned browsers... but if you look real close, they're not quite centered.Originally posted by Stopper31
No, I've tried with CSS but encountered many issues... so I've decided to design it with tables first, then once I've got a stable design, I'm going to work on re-designing it with CSS.
Yeah, but why are you using CSS in your "stable" design?Originally posted by Stopper31
Hey there, I've decided to design my re-design my website using tables, then once I've got the layout how I want it, I'm going to redo it using CSS.<snip />
Approached doomed to failure.
Creating good CSS design requires a different mindset and therefore different approach to development process.
Food for thought:
Here is what happens to your design when I try to increase the font size to something I can comfortably view on 21" monitor with 1600x1200 resolution:
<!-- w --><a class="postlink" href="http://www.vladdy.net/Tests/awd.jpgOriginally">www.vladdy.net/Tests/awd.jpgOriginally</a><!-- w --> posted by scottO
Yeah, but why are you using CSS in your "stable" design?
I'm only using CSS for the styles, not for the layout. Once I come up with a design I like, then I can go from there and implement the use of <div> in my CSS.
Originally posted by Vladdy
Approached doomed to failure.
The approach here isn't to implement a site using tables, I'm simply coming up with a design I like using table (which I'm most comfortable using), then with the help of others on this board (including yourself I hope) I will re-design it with the use of CSS and <div> that hopefully won't render the way this table design did for you.
Thanks for all the input!!You missed the point.
Table layouts are usually based on a sliced image of fixed size or some concept of certain inflexible layout that is later populated with the content.
CSS was not designed to work that way.
You need to start with content and then find a best way to present it graphically, taking into account flexebility of elements.
Now, to my problem... When viewing my site (<!-- m --><a class="postlink" href="http://www.ambianceweddingdesign.com/redonesite/index.asp">http://www.ambianceweddingdesign.com/re ... /index.asp</a><!-- m -->) in FireFox or Netscape7, the right navigation item gets sent to the next line... when viewing in IE6 or Opera, it appears fine. Now I assume this is an issue with my CSS and I would assume I need a hack for IE and a change in my layout.
Can someone please check it out and advise me of the needed change... thanks!!Try making that last button a pixel or percent shorter than the rest.
Originally posted by mjdimick Try making that last button a pixel or percent shorter than the rest.
Same result... I even tried making it 5px shorter... still the same
Any other ideas?Er... you're still using tables in that layout...
I thought you were trying to make a CSS layout.Well what are you using? Pixels or Percents?Originally posted by scottO
Er... you're still using tables in that layout...
I thought you were trying to make a CSS layout.
No, I've tried with CSS but encountered many issues... so I've decided to design it with tables first, then once I've got a stable design, I'm going to work on re-designing it with CSS.Originally posted by mjdimick
Well what are you using? Pixels or Percents?
PixelsI used the super phat EditCSS plugin for Firefox and changed the width of the links from 92px to 90px, and everything was kosher.Originally posted by Paul Jr
I used the super phat EditCSS plugin for Firefox and changed the width of the links from 92px to 90px, and everything was kosher.
This works for me, but when I try to re-center the navigation by altering my table cell widths... I get the same result... I've altered them to fit well in all the mentioned browsers... but if you look real close, they're not quite centered.Originally posted by Stopper31
No, I've tried with CSS but encountered many issues... so I've decided to design it with tables first, then once I've got a stable design, I'm going to work on re-designing it with CSS.
Yeah, but why are you using CSS in your "stable" design?Originally posted by Stopper31
Hey there, I've decided to design my re-design my website using tables, then once I've got the layout how I want it, I'm going to redo it using CSS.<snip />
Approached doomed to failure.
Creating good CSS design requires a different mindset and therefore different approach to development process.
Food for thought:
Here is what happens to your design when I try to increase the font size to something I can comfortably view on 21" monitor with 1600x1200 resolution:
<!-- w --><a class="postlink" href="http://www.vladdy.net/Tests/awd.jpgOriginally">www.vladdy.net/Tests/awd.jpgOriginally</a><!-- w --> posted by scottO
Yeah, but why are you using CSS in your "stable" design?
I'm only using CSS for the styles, not for the layout. Once I come up with a design I like, then I can go from there and implement the use of <div> in my CSS.
Originally posted by Vladdy
Approached doomed to failure.
The approach here isn't to implement a site using tables, I'm simply coming up with a design I like using table (which I'm most comfortable using), then with the help of others on this board (including yourself I hope) I will re-design it with the use of CSS and <div> that hopefully won't render the way this table design did for you.
Thanks for all the input!!You missed the point.
Table layouts are usually based on a sliced image of fixed size or some concept of certain inflexible layout that is later populated with the content.
CSS was not designed to work that way.
You need to start with content and then find a best way to present it graphically, taking into account flexebility of elements.