PDA

View Full Version : Tables VS CSS



Heinous
17-07-2007, 04:41 AM
I would highly suggest anyone interested in being a web developer read this in it's entirety:

http://www.hotdesign.com/seybold/

The first time I read it (well, only, lol) I learnt a few things I wasn't aware of (at this stage I had already preferred CSS over tables).

I will post some examples of layouts with no tables, just to show how simple it is (some are older than others, and thus my techniques might have been faulty): (Keep in mind, I designed none of these)
http://www.irtrav.com/up/alexander/gg/index.html
http://www.irtrav.com/up/alexander/imgdeluxe/index.html
http://www.irtrav.com/up/alexander/microgames/index.html
http://www.irtrav.com/up/alexander/qualityskins/index.html
http://www.irtrav.com/up/alexander/zivl/index.html
http://www.irtrav.com/up/habaddicts/index.html
http://www.irtrav.com/up/habbosmart/index.php
http://www.irtrav.com/up/irob/index.php
http://www.irtrav.com/up/ismart/index.php
http://www.irtrav.com/up/jimi/index.html
http://www.irtrav.com/up/knight_online/index.html
http://www.irtrav.com/up/mediadeux/index.html
http://www.irtrav.com/up/mr.geeza/index.php
http://www.irtrav.com/up/mt-dico/index.html
http://www.irtrav.com/up/netik/index.php
http://www.irtrav.com/up/no-neck/index.php
http://www.irtrav.com/up/qantas_habbox/index.html
http://www.irtrav.com/up/ryan_bb/index.html
http://www.irtrav.com/up/scott-diamond/index.html
http://www.irtrav.com/up/taii/index.php
http://www.irtrav.com/up/vita/index.html
http://www.irtrav.com/up/vita2/index.html

If you're still wanting to use tables, one good reason why you should keep using them, given all the pro's of using CSS.

Mentor
17-07-2007, 03:42 PM
Ahh, if only that were true. The websites kinda sales pitchy and kinda ignores alot of problems with css, for one within W3 standards padding and margins wont be effective against an empty div so you still end up haveing to shove a spacer in there to keep everything in the right place.
Plus who would use a 16 celled table for padding? table support none css padding anyawy 'padding="2"' etc

Plus all the problems that come about when you have to float everything to be able to put any css next to each other, especaly when you dont know which side could be longer, or want them positioned in a semi fluid way... its back to spacers again as well since css in many browsers also will ignore clearing from an empty div "/

I mean i like css and all but at current it still manages to be a complete pain in the *** if you try anything complicated within a tableless design "/

Heinous
18-07-2007, 02:09 AM
Ahh, if only that were true. The websites kinda sales pitchy and kinda ignores alot of problems with css, for one within W3 standards padding and margins wont be effective against an empty div so you still end up haveing to shove a spacer in there to keep everything in the right place.
Plus who would use a 16 celled table for padding? table support none css padding anyawy 'padding="2"' etc

Plus all the problems that come about when you have to float everything to be able to put any css next to each other, especaly when you dont know which side could be longer, or want them positioned in a semi fluid way... its back to spacers again as well since css in many browsers also will ignore clearing from an empty div "/

I mean i like css and all but at current it still manages to be a complete pain in the *** if you try anything complicated within a tableless design "/
I agree to an extent. When I first started using CSS and DIVS, I came across problem after problem, primarily with positioning (floats, etc). But as I've practiced, I've eliminated most of them.

Some people just need to get past that first stage to realise how much better it can be.

Want to hide these adverts? Register an account for free!