Table or CSS for Best web design?

quantum

Web designers have been laying out pages after pages of web sites using tables for years. Most web designers are pretty adept in this skill, without any doubts. Being creative with the old fashioned tables: such as using spacer gifs, a web master can pretty much guarantee that his sites will look the same on almost any browser. Tables are what make a web site look so variagated and KOOL. And html tables contribute greatly to the wide popularity of web and internet these days!

But the time has changed. Over the last few years, table based layouts are being misused. Web purists will tell you that tables were never meant for layout so you shouldn’t use them for such. The use and abilities of tables have LIMITATIONS. And so for forward compatibility and maintain a good standard w3.org has come up with CSS. Cascading style sheets. This standard, although little more complex to learn has wider capabilities and extesibility. This makes CSS the choice of formatting option to lay out your web sites. Tables will be replaced by cascading style sheets. Sooner or later. Should we, the web designers stay behind in the race?
_________________

Dust fills my eyes / Clouds roll by / and I roll with them / Centuries cry / Orders fly / and I fall again
Afford best design, implement best solution. Outsource your web design.

quantum

CSS Resources : Links :

CSS2 Specifications:
[http://www.w3.org/TR/REC-CSS2/]
Home of Cascading Style Sheets
[http://www.w3.org/Style/CSS/]

Cascade DTP, CSS whysiwhyg
[http://www.w3schools.com/css/default.asp]
[http://www.price-media.demon.co.uk/cascade.html]
[http://www.meyerweb.com/eric/css/edge/]
[http://webtips.dan.info/]
[http://www.saila.com/]

CSS validator:
[http://jigsaw.w3.org/css-validator/]

Resource Sites:
[http://www.cssvault.com/]

Some useful Tutorials:
[http://www.westciv.com/style_master/]
academy/css_tutorial/

[http://hotwired.lycos.com/webmonkey/]
authoring/stylesheets/tutorials/

[http://www.webcredible.co.uk/]
user-friendly-resources/css/basics.shtml

[http://webreference.com/authoring/]
style/sheets/layout/advanced/

[http://webreview.com/2001/03_09/]
webauthors/index03.shtml

[http://www.meyerweb.com/eric/articles/]
webrev/199905.html

[http://www.projectseven.com/]
tutorials/css_menus/list_01/

[http://diveintomark.org/archives/]
2003/03/24/pure_css_tabs.html

[http://www.meyerweb.com/eric/]
css/edge/popups/demo.html

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

[http://www.tantek.com/CSS/]
Examples/boxmodelhack.html

[http://www.webcredible.co.uk/user-friendly-resources/]

CSS Frequently asked questions:
[http://www.hwg.org/resources/faqs/1cssFAQ.html]
_________________

Dust fills my eyes / Clouds roll by / and I roll with them / Centuries cry / Orders fly / and I fall again
Afford best design, implement best solution. Outsource your web design.

quantum

More links to css tutorial web sites:

[http://www.css.nu/]
[http://www.mako4css.com/]
[http://www.richinstyle.com/]
[http://www.blazonry.com/css/]
[http://www.w3schools.com/css/]
[http://www.websitetips.com/css/]
[http://www.htmlhelp.com/reference/css/]
[http://www.pageresource.com/dhtml/indexcss.htm]
[http://www.climbtothestars.org/coding/cssbasic/]
[http://www.htmlcenter.com/tutorials/index.cfm/css/]
[http://www.freewebmastertips.com/php/content.php3?aid=48]
[http://www.canit.se/~griffon/web/writing_stylesheets.html]
[http://www.utoronto.ca/ian/books/xhtml2/exerpt/css-4a.html]
[http://idm.internet.com/articles/200101/csstutorial1a.html]
[http://www.greytower.net/en/archive/articles/tsutsumi.html]
[http://www.westciv.com.au/style_master/academy/css_tutorial/]
[http://webmonkey.com/authoring/stylesheets/tutorials/tutorial1.html]

layout examples:
[http://www.glish.com/css/]
[http://www.csszengarden.com/]
[http://www.wannabegirl.org/css/]
[http://tantek.com/CSS/Examples/]
[http://www.saila.com/usage/layouts/]
[http://www.bluerobot.com/web/layouts/]
[http://www.benmeadowcroft.com/webdev/]
[http://nemesis1.f2o.org/templates.php]
[http://www.xs4all.nl/~apple77/columns/]
[http://www.meyerweb.com/eric/css/edge/]
[http://www.htmler.org/tutorials/3/1.html]
[http://css.nu/articles/floating-boxes.html]
[http://webhost.bridgew.edu/etribou/layouts/]
[http://www.roguelibrarian.com/lj/index.html]
[http://css-discuss.incutio.com/?page=CssLayouts]
[http://ecoculture.com/styleguide/r/rollovers.html]
[http://thenoodleincident.com/tutorials/box_lesson/index.html]
[http://www.webreference.com/authoring/style/sheets/layout/advanced/]

pure css menus
[http://www.meyerweb.com/eric/css/edge/menus/demo.html]

Fast rollovers:
[http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers/]

centering
[http://dorward.me.uk/www/centre/]
[http://www.w3.org/Style/Examples/007/center.html]
[http://www.student.oulu.fi/~laurirai/www/css/middle/]

master compatibility charts:
[http://centricle.com/ref/css/filters/]
[http://www.blooberry.com/indexdot/css/index.html]
[http://macedition.com/cb/resources/abridgedcsssupport.html]
old:
[http://www.immix.net/html/CSSGuide.htm]
[http://devedge.netscape.com/library/xref/2003/css-support/]

hiding CSS from crappy browsers:
[http://diveintomark.org/safari/csshacks/]
[http://www.ericmeyeroncss.com/bonus/trick-hide.html]
[http://www.w3development.de/css/hide_css_from_browsers/]

cascading style sheets, level 1 specification
[http://www.w3.org/TR/REC-CSS1]

cascading style sheets, level 2 specification
[http://www.w3.org/TR/REC-CSS2/]
_________________

Dust fills my eyes / Clouds roll by / and I roll with them / Centuries cry / Orders fly / and I fall again
Afford best design, implement best solution. Outsource your web design.