Tableless CSS

[RedcliffFanboy]

I am a newbie web designer and I am just curious about the advantages of Table-less CSS. Nowadays, more and more clients are choosing designers that knows how to code these table-less CSS.
Though, in my entire HTML & CSS coding experience, I haven't tried using tables but I have only limited idea of why is that.

[djh101]

This site gives some pretty good reasons if you don't mind reading through it: http://webdesign.about.com/od/layout/a/aa111102a.htm. It's really just not a good styling practice. Tables weren't meant to be used to style pages; you can style a page properly and the same as you would with tables with CSS and without all the messy table tags in your HTML. Also, you could run into a lot of problems with tables, especially if you have overlapping code (i.e. if you need a whole column to be connect, for example in a form, you run the problem of having to include all the other columns, since the cells are lined up like a book, left to right and not directly up and down).

[Major Payne]

Tables were only used because CSS wasn't available. The table layouts went out in the late 1990s but people stuck to them because it was all they knew. Now tables are to be used for their original purpose...tabular data layouts.

Tableless Web Design: http://en.wikipedia.org/wiki/Tableless_web_design
Why tables for layout is stupid: http://www.hotdesign.com/seybold/
How to convert manually your HTML tables to CSS: http://www.table2css.com/articles/co...-tables-to-css
Images, Tables, and Mysterious Gaps: https://developer.mozilla.org/en/Ima...ysterious_Gaps
Why inline CSS and JavaScript code is such a bad thing: http://robertnyman.com/2008/11/20/wh...h-a-bad-thing/

Ron

[RedcliffFanboy]

Originally Posted by Major Payne

Tables were only used because CSS wasn't available. The table layouts went out in the late 1990s but people stuck to them because it was all they knew. Now tables are to be used for their original purpose...tabular data layouts.

Tableless Web Design: http://en.wikipedia.org/wiki/Tableless_web_design
Why tables for layout is stupid: http://www.hotdesign.com/seybold/
How to convert manually your HTML tables to CSS: Local Business Advertising
Images, Tables, and Mysterious Gaps: https://developer.mozilla.org/en/Ima...ysterious_Gaps
Why inline CSS and JavaScript code is such a bad thing: http://robertnyman.com/2008/11/20/wh...h-a-bad-thing/

Ron

Thanks for this info Major Payne. It really helped me a lot in my web programming lessons.

[vikram1vicky]

My suggestion is....

1st... simply go through www.3schools.com website and learn HTML and CSS completely. They are very easy to understand and examples are also given.

2nd... Download CSS templates and check their source code, how they coded..

3rd.... Download PSD templates or create your own design and then write your own CSS code...


Cheers

[Major Payne]

You're very welcome. I'm not saying that you can't make a nice layout with tables, but you can if you use CSS with it.