Transfering from Tables to CSS need help

[CharlotteL]

Hi

I'm trying to make the transition from using tables to CSS. Can anyone tell me how to do this. I've used css before for text formatting etc, but am really stuck with creating tables or the css equivalent which I think is boxes which I guess are put next to each other.

It's probably I'm still in table mind set but I'm finding this transition terribly hard.

Thanks

Charlotte

 

[ca8msm]

I'd suggest starting with some basic tutorials such as the one from

http://www.w3schools.com/css/.

You'll then want to start having a look into methods such as "float" which you can use to layout your pages.


____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[Vragabond]

I suggest you read up a bunch of articles at A List Apart, starting with this one:

http://alistapart.com/articles/practicalcss

Also, look at

http://www.htmldog.com/

 

[CharlotteL]

Great thank for these links

 

[Foamcow]

First thing to do is to unlearn and completely forget everything to do with table layouts.
Try not to think of layouts in terms of table cells and think about the structure of the document you are styling.

<honk>*:O)</honk>

Earl & Thompson Marketing - Marketing Agency Services in Gloucestershire

 

[vacunita]

Also remember that tables are not banned, they are only being limited to their intended usage. People tend to think that suddenly tables are evil, they are perfectly usable when they are utilized to display tabular data, not structure a page.

So if you need to display tabular data its o.k to use tables.


----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

 

[CharlotteL]

Many thanks, trying to get my head around it. I have been using tables to structure a page layout but I realize css is the way to go. I will continue to work through various tutorials.

 

[CharlotteL]

For anyone else going through this transition, I've found a brilliant resource:

http://www.digitalfamily.com/dreamweaver/css-two-columns.html

Very intuitive and easy to follow, had a table free page in no time!

Now need to work out how to do a navigation bar!!!!

 

[ca8msm]

Now need to work out how to do a navigation bar!!!!

http://css.maxdesign.com.au/listamatic/

http://css.maxdesign.com.au/listamatic2/

____________________________________________________________
Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]

Need help finding an answer? Try the Search Facility or read FAQ222-2244 on how to get better results.