No more tables?

[PicoDeath]

Most of my layout is CSS now, apart from the content pages and the tables holding the navigations together, I'm now wondering how i create some CSS to replace the tables? Does anyone know a persific tutorial to teach me this?

Thanks.

[Maverick25r]

Easy, you use a div tag where you would normally put a table.

http://www.alistapart.com/articles/practicalcss/

[masonbarge]

I think you just have to jump right in. The two most common methods for structuring navigation. afaik, are to use <ul> for navigation (which works horizontally as well as vertically), or a containing div with floating div's inside. Or simply <p> or <span> or even lines with breaks in a div, if all you want is your basic blue text link.

Tables are so darned useful for -- well, tabular data. I don't know what's so special about using <li> for navigation instead of a table, but I only get one vote.

[moojoo]

using UL's for navigation is the logical choice simply because the navigation itself is simply a heiarchy of sorts. That and when style is disabled etc the links are displayed in a nice neat unordered list.

[PicoDeath]

I don't really understand from that link posted, doesn't seem to show me how, all i want is a 3 column css example or somthing...

www.gtainformer.com, everything except left, middle and right is css.

[ukgeoff]

There is a link in the sticky at the top of this forum that might be what you are looking for.

Its a template system with full expanation of what goes where and why.

Download the .zip fiile, unpack and play.

Ask if you need further help or explanation.

[PicoDeath]

Ah, okay thanks.

[PicoDeath]

Okay, I can't see to do it, i've been playing around because that's all i can seem to do.

http://www.gtainformer.com/fullcss.php
http://www.gtainformer.com/ffstyle.css

What am i doing wrong and how do i correct it? This would be an amazing help.

[ukgeoff]

I think you need to site down with a clean sheet of paper and plan out your page.

At the moment your page can't be validated. That may be because you don't have a DOCTYPE at the top of the page and the error effect may be cascading.

Put ALL css into a seperate file and also use a seperate file for any JavaScript.

DO NOT use propriatory tags, style values, etc.

Use <div> tags to layout your page. Not loads of tables.

Use css styling to give you the position you need for an element, not by filling it with loads of &nbsp;.

See how you could use the templates I pointed you to as a basis for your page.

[PicoDeath]

propriatory tags, style values

Erm? could you explain, I'm not sure what you mean, I've only got a few tables which i'm trying to covert to CSS, so i'm not planning on having a tabled layout.

One last thing, that file i downloaded doesn't seem to work 100% in firefox, I see a few coloured area and one peice of text.

Edit - Removed <b></b>'s & &nbsp;, also took out ad and put it into a another file.

Added - DOCTYPE