... is there a decent tutorial floating around in the ether that explains how to replace tables with CSS when it comes to page/graphics layout?Tutorial:
Put the content and navigation in two different DIV elements, the content DIV appearing first in the document. Using CSS set the right or left margin of the content DIV to some ammount. Set the width of the navigation DIV to just alittle bit less and then absolutely position the navigation DIV in that margin.Thing is, you don't just "replace tables with CSS". What you're actually doing is making the markup of your page meaningful (where to begin with, it obviously isn't, since it is using tables for page structure). So for example, the page might consist of an unordered list (navigation), some paragraphs (content), and so on. Tables have their place too, though -- tabulated data.
I think it'd be helpful if you could provide us with an example page that you're working on. Remember, there are lot of pre-built CSS layouts out there that you could adapt to quite easily.... as you will see, i'm table happy:
<!-- m --><a class="postlink" href="http://www.silentvalor.info">http://www.silentvalor.info</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.usssterlet.info">http://www.usssterlet.info</a><!-- m -->
i wasn't aware that CSS was a better option for overall page layout than tables. Guess i know better now.Not a bad tutorial, Charles.
As I suspected, those are both your average multi-column layouts. Take a look at Glish (<!-- m --><a class="postlink" href="http://glish.com/css/">http://glish.com/css/</a><!-- m -->) or Blue Robot (<!-- m --><a class="postlink" href="http://www.bluerobot.com/web/layouts/">http://www.bluerobot.com/web/layouts/</a><!-- m -->) for some ideas. Of course, these are just starting points. Use them as your foundation and build off of them.... thanks for the input, cheers.
Put the content and navigation in two different DIV elements, the content DIV appearing first in the document. Using CSS set the right or left margin of the content DIV to some ammount. Set the width of the navigation DIV to just alittle bit less and then absolutely position the navigation DIV in that margin.Thing is, you don't just "replace tables with CSS". What you're actually doing is making the markup of your page meaningful (where to begin with, it obviously isn't, since it is using tables for page structure). So for example, the page might consist of an unordered list (navigation), some paragraphs (content), and so on. Tables have their place too, though -- tabulated data.
I think it'd be helpful if you could provide us with an example page that you're working on. Remember, there are lot of pre-built CSS layouts out there that you could adapt to quite easily.... as you will see, i'm table happy:
<!-- m --><a class="postlink" href="http://www.silentvalor.info">http://www.silentvalor.info</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.usssterlet.info">http://www.usssterlet.info</a><!-- m -->
i wasn't aware that CSS was a better option for overall page layout than tables. Guess i know better now.Not a bad tutorial, Charles.
As I suspected, those are both your average multi-column layouts. Take a look at Glish (<!-- m --><a class="postlink" href="http://glish.com/css/">http://glish.com/css/</a><!-- m -->) or Blue Robot (<!-- m --><a class="postlink" href="http://www.bluerobot.com/web/layouts/">http://www.bluerobot.com/web/layouts/</a><!-- m -->) for some ideas. Of course, these are just starting points. Use them as your foundation and build off of them.... thanks for the input, cheers.