The tables vs. CSS debate (split)
This was a response to:
technostick wrote: While that does work, it is generally not a good idea to use tables unless absolutely necessary.
From: http://www.webmaster-forums.net/showthread.php?t=32731
Tables if used correctly (not nested to the hilt) are perfectly exceptable, is just all the css nazis saying they not because they can't understand tables.
Tables can also be more accessible for screen readers etc too if done correctly. CSS layouts can be better but not everyone orders their pages correctly so it actually makes the page harder to read (turn css off and see if still readable).
Most screen readers ignore div's (a lot of css) and most 3rd party ads aren't valid so placing them in a table with a summary is ideal, using seperate tables with summaries is even more ideal as a screen reader is able to tell what is where and why.
tableless - correct or trendy? you decide
there is thread already open about tables/css if anyone wants to comment about this.
02bunced posted this at 20:11 — 30th January 2006.
He has: 412 posts
Joined: May 2005
That's harsh. LOL
Busy posted this at 20:16 — 30th January 2006.
He has: 6,151 posts
Joined: May 2001
Harsh but true, use the time machine archive and go see what some of these 'gurus' sites looked like back then and how bad the nested tables were, even when done with editor (most are)
robbluther posted this at 20:45 — 30th January 2006.
He has: 73 posts
Joined: Jan 2006
Man... and I just spent... I don't know how long perfecting my three column divs just to lose the tables...
demonhale posted this at 02:17 — 31st January 2006.
He has: 3,278 posts
Joined: May 2005
hmmm, on the old thread I started it is fairly discussed in brief that css and tables can be used effectively... I used tables before, i know how to use it without overnesting it, I now use css to achieve the same effect... It boils down to the argument of the original purpose, like css is ment for design layout, tables for tabular data... And for screen readers, having a design xhtml strict makes it fairly screen readable... As I said Im not against tables, use what works for you, if tables are what it takes to help you achieve your goal, then go use it...
Busy posted this at 08:23 — 31st January 2006.
He has: 6,151 posts
Joined: May 2001
Here are two of my sites, both valid XHTML Strict, one with tables and one without. Sorry demonhale but Strict don't mean diddly to accessibitly, it's the ordering and coding that works. I'm not saying these pages are 100% accessible but but does show tables can be and are valid XHTML Strict and are being used for what they (HTML specs) were updated to be for (at first tables were for data), tabular data includes layouts.
[edit] ok maybe the table one is lacking in tables, take the folder name off it and the main page uses more tables for layout and display and is valid Strict[/edit]
demonhale posted this at 01:31 — 2nd February 2006.
He has: 3,278 posts
Joined: May 2005
1ST Ya'all are hijacking this thread, theres an actual thread for this argument, please read it and then lets discuss there...
2nd Ill quote what I wrote earlier...
JeevesBond posted this at 13:43 — 31st January 2006.
He has: 3,956 posts
Joined: Jun 2002
(from: http://www.w3.org/QA/2006/01/failed_commitments.html)
So the W3C are Nazi's? Tim Berners-Lee probably invented the things, so saying he doesn't understand them is simply idiotic.
Your opinions have no basis in reality Busy, it worries me deeply that someone could actually read and believe your diatribe of bilge.
a Padded Cell our articles site!
Megan posted this at 14:34 — 31st January 2006.
She has: 11,421 posts
Joined: Jun 1999
This has got to be one of the dumbest things I've ever heard. People who insist on living in the dark ages trying to turn it around and say that modern people just don't understand their old fashioned hack jobs* Utter lunacy.
In case anyone is confused - just because something validates doesn't mean it's properly done. Web standards include semantic mark-up, which you use the code for it's intended purpose. The automated validator can't tell if you're using to mark-up something that should be a header, or tables to mark-up something that's really layout. Another example would be CSS classes that describe appearance not meaning (so .redtext instead of .alert)
* "Hack jobs" refers to the technique, not to people who use them. This isn't personal!
Megan
Connect with us on Facebook!
Megan posted this at 14:35 — 31st January 2006.
She has: 11,421 posts
Joined: Jun 1999
Here's a site with some CSS templates to play with:
http://www.ssi-developer.net/main/templates/
DaveyBoy posted this at 14:51 — 31st January 2006.
They have: 453 posts
Joined: Feb 2003
So all of my sites (and other people who code with tables) are hack jobs? Cheers THAT'S the dumbest thing i've read
Megan posted this at 14:57 — 31st January 2006.
She has: 11,421 posts
Joined: Jun 1999
Well, yeah, using tables for layout is a hack job because that's not what they were meant to be used for. At the time there were no other options so we had to make do with what we had. Messing around with tables to make them work as a layout tool (which they're not).
To be clear - I think there are some cases where using tables for layout is okay. The problem is when people try to insist that it's valid and proper use of the code, and that people who say otherwise just don't know what they're doing.
Edit - and I did not say that PEOPLE using these methods were hack jobs. I said the technique is a hack job. Just to be clear. There are a lot of hacks used in CSS design so we're not immune from it either. It's just on a smaller scale - more about browser support than the fundamentals of the technique.
Megan
Connect with us on Facebook!
DaveyBoy posted this at 14:59 — 31st January 2006.
They have: 453 posts
Joined: Feb 2003
Yeah i've never claimed it's valid, cos i hate how relevant people try to make that out to be - you can go on about it till you're blue in the face if you want but it bores me really.
"OMG YOUR CODE IS CRAP, YOU HAVE 2 XHTML ERRORS, YOU TOTAL NOOB!!!"
hahaha
But fair enough, i'll let you concentrate on all that aspect of the business, i like the way i do things now so that's enough for me
Megan posted this at 15:04 — 31st January 2006.
She has: 11,421 posts
Joined: Jun 1999
I tend to agree, Davey. I think some people get so hung up on the code that they ignore more important design problems.
DaveyBoy posted this at 15:08 — 31st January 2006.
They have: 453 posts
Joined: Feb 2003
That's alright then
demonhale posted this at 17:34 — 31st January 2006.
He has: 3,278 posts
Joined: May 2005
Yup, so read my post again and let peace and healing begin...
JeevesBond posted this at 18:06 — 31st January 2006.
He has: 3,956 posts
Joined: Jun 2002
There speaks a lady who's had to listen to me banging on about specs once too often, although forgiving when it comes to other peoples code, I am incredibly anal about my own. Anal to the extent that a single tab in the wrong place will evoke emotion, but then one of the biggest kicks I get is looking at some beatifully formed, semantic markup.
Mmmmm, semantic markup.
a Padded Cell our articles site!
Busy posted this at 19:45 — 31st January 2006.
He has: 6,151 posts
Joined: May 2001
Way to much to reply to, and as mentioned can talk into we're blue in the face it wont matter. Nice that you admit tables are ok Megan You did however put yourself in an awkward spot by saying "just because something validates doesn't mean it's properly done." tables validate to XHTML Strict and beyond, I have proven that, the validater can tell if an image is being used in a table cell or even if the table is nested and if it was wrong it would fail it. Is the validater that bad or maybe, just maybe tables are ok
Jeeves, quoting the people who I suggest can't do the old stuff is pointless, of course they are going to do an about face.
For the books. HTML had how many versions before XHTML ? and tables changed how many times since creation?
So lets see, tables weren't wiped out even though some claim they were used wrong, they weren't degraded at all instead they were enhanced/ added to.
You guys are closed minded, but if you have any spare time and/or are interested, find out what tbody etc were meant to be used for.
Megan posted this at 21:17 — 31st January 2006.
She has: 11,421 posts
Joined: Jun 1999
Just in case anyone is actually wondering about this:
http://www.htmlhelp.com/reference/html40/tables/tbody.html
An example is on the forum home page, where you can collapse sections of the forums using the arrows on the right. That's tbody. In a table. used properly.
See, now I'm spending time looking this all up when I'm supposed to be working!
Megan
Connect with us on Facebook!
Megan posted this at 20:38 — 31st January 2006.
She has: 11,421 posts
Joined: Jun 1999
Do you know what semantic means, Busy? Quite obviously not.
I'm done arguing with you about this. I just can't be bothered. It's like arguing with a brick wall. I've got better things to do.
Jeeves (or anyone else for that matter), you can carry on
Megan
Connect with us on Facebook!
DaveyBoy posted this at 20:51 — 31st January 2006.
They have: 453 posts
Joined: Feb 2003
I thought you and Busy were friends actually!
Busy posted this at 08:48 — 1st February 2006.
He has: 6,151 posts
Joined: May 2001
I'd class Megan in the top bunch, someone to look up to, without being a mentor. (She likes tea and scones )
Jeevesbond, I love your quotes and things, especially when you add bits to your explantions like this one:
Originally Posted by W3C
XHTML 1.0 Strict - Use this when you want really clean structural mark-up, free of any markup associated with layout. Use this together with W3C's Cascading Style Sheet language (CSS) to get the font, color, and layout effects you want.
(from: http://www.w3.org/MarkUp/)
In particular, take note of the the bit that states "free of any markup associated with layout." Tables - when used improperly - are markup associated with layout, so should not be used for layout, only to contain tabular data.
Classic
12 34 is valid because is contains "tabular data" is it not, what about imageimage imagecontent
exact same structure yet only the "data" (remember it's all just 1 and 0's) has changed. So now this is not valid because it contains the image or the content?
yet 12 3image (graph) is valid because it's still "tabular data" so is image (graph)image (graph) image (graph)descriptions ok this maybe be border line but is still "tabular data".
So again, please explain the difference between "tabular data" and layout. This is my issue, when is "tabular data" not "tabular data", internet answer when the 'gurus' want people to follow them in thinking they are gods, look at web 2.0 - fact or fiction?
Megan posted this at 14:26 — 1st February 2006.
She has: 11,421 posts
Joined: Jun 1999
It's crumpets, damn you, crumpets!
(and it just two weeks I'll be back in jolly ole England enjoying them!)
DId you guys not notice when I said that the argument is over! Godwin's Law! It's over, we're done.
So drop it
Megan
Connect with us on Facebook!
DaveyBoy posted this at 21:31 — 31st January 2006.
They have: 453 posts
Joined: Feb 2003
just noticed the thing under Busy says MODRATER, is it meant to be spelt like that? lol
JeevesBond posted this at 22:34 — 31st January 2006.
He has: 3,956 posts
Joined: Jun 2002
Well of course they validate, this isn't about getting rid of tables totally, do that and you'd be left with nothing to hold tabular data.
Well again, there's nothing wrong with tables for tabular data and by your reckoning this would be invalid as it's a strict document with a table containing images! Well it's not invalid, it's tabular data!
Next we have the description of the Strict doctype from the W3C:
(from: http://www.w3.org/MarkUp/)
In particular, take note of the the bit that states "free of any markup associated with layout." Tables - when used improperly - are markup associated with layout, so should not be used for layout, only to contain tabular data.
As for your hiding behind the validator remember that validation and conformance are different:
(from: http://validator.w3.org/docs/help.html#validandconform)
So although the validator can check the validity (well formed-ness, whether the tags/attribute you're using are in the DTD, you haven't put a block level element within an inline element etc.) it cannot give you conformance. Only understanding what the specification means will allow you to achieve this, if you think using tables for layout conforms to XHTML 1.0 Strict, then you don't understand the specification.
Finally, the word "semantic:"
(from: http://www.askoxford.com/concise_oed/semantic?view=uk)
This is a big part of XHTML, the use of semantic DTD modules and markup to construct pages. So markup should relate to meaning instead of formatting (that being the responsibility of CSS), a table implies tabular data (statistics, a list with aggregation etc), whereas a div a generic container. Apply a meaningful name to that div by adding an id and you have a generic container with a meaningful name, far more semantically correct for items like "header," "main," and "content" than a table.
These facts are incontrovertable, moreover Timmy agrees.
a Padded Cell our articles site!
JeevesBond posted this at 22:36 — 31st January 2006.
He has: 3,956 posts
Joined: Jun 2002
Yeah, we're being mean about his legendary terrible spelling.
We love him really!
a Padded Cell our articles site!
Megan posted this at 22:53 — 31st January 2006.
She has: 11,421 posts
Joined: Jun 1999
"Godwin's Law (also Godwin's Rule of Nazi Analogies) is an adage in Internet culture originated by Mike Godwin on Usenet in 1990 that states:
As an online discussion grows longer, the probability of a comparison involving Nazis or Hitler approaches 1.
There is a tradition of protocol in many Usenet newsgroups that once such a comparison is made, the thread in which the comment was posted is over and whoever mentioned the Nazis has automatically lost whatever debate was in progress."
http://en.wikipedia.org/wiki/Godwin's_law
See, the argument was over before it even started!
Megan
Connect with us on Facebook!
JeevesBond posted this at 23:17 — 31st January 2006.
He has: 3,956 posts
Joined: Jun 2002
Great, so I wasted my entire evening replying in an argument that was over anyway?
Bugger.
Lol, what about a W3C l33t validator that insults you like a hardcore World of Warcraft player every time you get an error?
"A11 y0ur s1t3s ar3 b3|0ng t0 u5!"
a Padded Cell our articles site!
JeevesBond posted this at 13:27 — 1st February 2006.
He has: 3,956 posts
Joined: Jun 2002
That shouldn't be in a table, it should be in a list. The reason for this being: It's a list, not tabular data.
Simple: I thought when I first read your post that this was tabular data, like financial figures, or product pictures with their order codes. The mere fact you used a table denotes tabular data (ergo semantic confusion).
But I've already done this, it's self-evident! Tabular data is always tabular data, layout tables are used to format a page (not just to display tabular data). As for your conspiracy theory about gurus, I would expect that you've never heard of most of the people that actually set the standards for XHTML (neither have I), yet they're the ones driving this process, not Jeffrey Zeldman, Cameron Moll et al - they're just responsible for making it popular. Also, as discussed Zeldman is agreeing with us, he might waffle too much but clearly identifies he thinks Web 2.0 is becoming a pointless buzzword.
Using tables for layout is like using a spreadsheet package to write a letter. Wrong.
a Padded Cell our articles site!
demonhale posted this at 16:13 — 1st February 2006.
He has: 3,278 posts
Joined: May 2005
whos Godwin? what tables? LOL!
Busy posted this at 20:27 — 1st February 2006.
He has: 6,151 posts
Joined: May 2001
JeevesBond, the 1 2 3 4 was a cut down version, didn't want to fill the page, in your mind add another 27 numbers, thus making a calendar (tabular data NOT a list), now for tabular data it would be very common to use rowspan/colpan as it could be labled by month, by sector, by person ... So we agree THIS is tabular data?
**hopefully you do**
If you do carry on, if not stop and enjoy some scones
now the four cells of the table using 3 graphs and 1 content cell of a table is not tabular data by your standard yet it uses no rowpan, colspan or anything is just a boring old 2x2 cell table. I bet if this table was only 200 wide and placed in the middle of a page it could be seen as tabular data as it's displaying data, yet if it's expanded to 100% it becomes a layout. Yet a forum, db query like paypal history, googles payment ... which IS tabular data is over 3/4 of a page and set to width of the layout. If the logo etc where in a caption this would still be tabular data or layout?
"layout tables" (your word) are not tabular data tables? yet you CAN control every aspect of the table (size, color, width ...) to display tabular data. I think you're tripping yourself up here.
You say your example which is tabular data is not valid Strict because it contains images, thats just plain stupid. tabular data can contain images such as graphs as tabular data is basically findings or results is it not?
You also quote a lot of the new guys, remember tables are old (devloped by netscape) and it seems every tom **** and henry has added their 2 cents on them. the new CSS 'gurus' talk them down, because they can't use them, don't know how or maybe their mums said they couldn't, who knows. I do believe they make half this anti table stuff up to talk themselves up ... CSS is for display, layouts down to tiny alterations but there is nothing wrong with tables for layout (which this thread was orginally about). They continue to work even with XHTML 1.1 and if they were for numbers only they wouldn't allow images etc to be placed in them, they have the control and the means but wont because they know it's fine.
Megan the word nazi is slang, is a family show and can't use swear words, is nothing to do with hilter. cleanest translation is idiot.
Anyway
You can tell when a USENET discussion is getting old when one of the participents [sic] drags out Hitler and the Nazis.
Strictly speaking, however, Godwin's Law is different from Sexton's statement, since it does not claim that such a reference or comparison makes a discussion "old" or, for that matter, that such a reference or comparison means that a discussion is over.
from http://en.wikipedia.org/wiki/Godwin's_law
Also the thead,tbody etc you saw it but didn't connect, w3c has the techincal version but if you read into it (and w3c shows this), was meant to be used with css for control but not everyone picked up on it
Busy posted this at 21:06 — 1st February 2006.
He has: 6,151 posts
Joined: May 2001
Just thought I'd add this as w3c seems to be quoted a lot w3c on tables namely
which is first paragraph. And according to your reckoning Jeevesbond anything other than text is not tabular data. Another one further down the page
which is because of the abuse in the past, no where does it say your an idiot or low life if you use them.
Here is another from Netscape 1.1 on tables remember they created them and another from w3c there are heaps more but this last one is working CSS2 into tables so makes the second quote null as it shows how to render to non-visual media and the netscape one is one of the first ones.
more css Sorry but I just had to quote this bit, is funny
(there is more to that paragraph).
Close minded people will follow the trends like sheep, do as i say cause i am the one ... the open minded people realise there is more than one way to skin a cat. I haven't much time at the moment but am looking back in the old Netscape archives for where it states tables to be only for tabular data or when the first mention of this is, my guess is when XHTML finally got picked up on, remember that came out in '02.
End of the day you see what you want to see, close minded people walk with their eyes shut and it's their way or no way (like all these so called gurus).
Tables or CSS, whatever works for you, keep it valid, keep it clean. Use what works for you, don't be afraid to try new things but don't get sucked into trends because someone says it's right.
JeevesBond posted this at 21:44 — 1st February 2006.
He has: 3,956 posts
Joined: Jun 2002
So why, when someone asked how to do a 2 column layout in CSS, did you start - yet another argument about tables?
Do as who says?
a Padded Cell our articles site!
Busy posted this at 08:48 — 2nd February 2006.
He has: 6,151 posts
Joined: May 2001
Sorry, but the first post is
I'm trying to make a two column table, where the left column stretches with the browser, while the right column always stays at a fixed width. Content will go in the left column, while the right column is for links.
How do I code my css to achieve this? I've got the html part:
<table>
<tr>
<td>
</td>
<td>
</td>
</tr>
</table>
thanks guys
I answered the question asked, i didn't start another argument about tables, I merely pointed out what works and what does not, you were the one who jumped in and tried to turn it into an argument, even tried to keep it as a discussion, but you kept trying to push it to the limit. If you notice I actually refrained from a lot of it by saying "to much to reply to" etc. I would of been happy to leave the thread be before you jumped in but as your views are one sided I will defend what I believe in and back it up with the proof I have.
I believe my comments (relating to tables validation) are true and for the good of the code. I have been asked to refrain from commenting further about this so you win, your right, I'm wrong, apologises to all effected.
Megan posted this at 17:42 — 2nd February 2006.
She has: 11,421 posts
Joined: Jun 1999
No, Busy, you did start the argument:
You can't insult people and make wild accusations and expect them not to respond. Accusing people of being sheep and just following trends and gurus doesn't help either.
However, I will admit that when I read that it made me too angry to really give credence to your other arugments. You did raise some interesting points about how tables can be used for layout successfully. I'm not ready to say that this is the most *correct* method of layout but I won't say that it's totally incorrect either. Both methods have their pros and cons. And really, this is not a religion. As I said back on page 2, its not the most important problem we face in web design - by far!
I do think we need to listen to each other rather than just reacting to perceived accusations. I'm guilty of that too
Megan
Connect with us on Facebook!
Megan posted this at 16:53 — 4th February 2006.
She has: 11,421 posts
Joined: Jun 1999
I've done some digging around on the W3C site and came up with some interesting links.
Summary
To summarize (for those who don't want to read all this), the W3C feels that CSS is the preferred way of doing visual layout. This goes back to 1998(!). However, at the time the specs were written (up to 2001), support for CSS wasn't good enough so they acknowledged the use of tables as an alternate way to lay out web pages. The W3C specification that Jeeves quoted earlier makes it quite clear that layout should be done with CSS in xHTML strict (NOT in transitional). So, tables are okay for layout in xHTML transitional, but not Strict.
References
W3C Articles and Documentation
From the WAG (accessibility guidelines):
http://www.w3.org/TR/WCAG10-CSS-TECHS/#style-alignment
Basically, CSS is preferred for layout, tables can be used as long as the table makes sense when linearized.
How to do a tableless layout - http://www.w3.org/2002/03/csslayout-howto
This is the documentation for the redesign of the W3 site in 2002. The opening paragraph states clearly that tables shouldn't be used for layout (note: shouldn't, not can't). They go on to outline the reasons why in the next section.
W3C documentation on the CSS2 table properties: http://www.w3.org/TR/REC-CSS2/tables.html
Busy referred to some CSS properites that were meant to be used with tables. Yes, because you need to be able to format tables with CSS in the same way you would with an excel spreadsheet, for example. The W3 can be confusing in this way because they do use the term "layout" in the context of formatting tabular data.
Now, he also seems to believe that a layout IS tabular data which I think is pretty far fetched. If you can argue that a layout is tabular data, I think you could just as easily argue that a layout is a list Of course it's not!
W3 Discussion Lists
This is where things get interesting. There was some discussion amongst the W3C team about how to handle tables for layout. This is going on from 1998 through 2001. Even they got fed up with it. Throughout these discussions it is clear that the W3 philosophically prefers CSS for layout. It is also very clear that they consider using tables for layout to be a hack. However, they do acknowledge that at the time (2001) there was a need for a quick and easy alternative for doing page layout because of the low level of CSS support.
Note that this is a group discussion and I'm not clear on the political hierarchy or anything - i.e. some peoples' opinions may have more weight than others in the decision making process but I"m not sure whose.
1998 discussion: http://lists.w3.org/Archives/Public/w3c-wai-gl/1998JulSep/0055
In 1998!! Note who is copied on the message
1999 - http://lists.w3.org/Archives/Public/w3c-wai-gl/1999AprJun/0016
Simple tables are okay from accessibility perspective:
http://lists.w3.org/Archives/Public/w3c-wai-gl/2001JanMar/0463.html
This person also suggests a "purpose" attribute for tables that could be assigned to "data" or "layout". Obviously, this never happened. This language does make it clear that they do make a distinction between tables used for layout and tables used for data. And that data should be the default use of the table mark-up.
http://lists.w3.org/Archives/Public/w3c-wai-gl/2001JanMar/0523
This is a quite lengthy discussion about how to handle the use of tables for layout. There was one person in there who seemed to suggest that layout tables are another flavour of data tables although that does not seem to be a commonly held opinion within this group. There was another post, by someone who seemed to have some authority, that once xHTML 2.0 came along this would be a moot point because CSS support would be good enough to make layout tables obsolute. This is the case now (although we are still working under xHTML 1.0...)
http://lists.w3.org/Archives/Public/www-html/2003Jul/0079.html
2003 discussion on including a class="layout" attribute for tables. They seem to be getting more annoyed with the use of tables for layout.
http://lists.w3.org/Archives/Public/www-html/2003Jul/0082.html
Conclusion
Now, all of the discussions about tables being a suitable way of laying out pages are in the context of poor support for CSS at the time. Five years later, CSS is supported well enough to make CSS layouts viable for the experienced web designer. Does that mean tables are flat-out wrong and shouldn't be used for layout at all? Not really - the W3 acknowledges that as-of 2001 they were a quick and easy way to create pages layouts. For the average creator of web pages that is still true.
Supporting the W3C
My opnion is that the W3C made the web what it is today. We have standards. We have reasonable cross-browser support for standards. We need to support their efforts so we don't slide back into the late-90s tag soup era. To me, supporting the W3C means following their preferred method of laying out pages, which is CSS.
This does not mean that tables are WRONG and your are stupid or incompetent if you use them. It just means that CSS is good and if you're serious about web design you should think about using it.
About the (so-called) Gurus
Busy seems to think that the "gurus" (aka 'nazis') just don't understand tables. I don't thnk this is true. It may be that at one time they did create sites with "tag soup" type mark-up. Everyone did at the time, really. But they saw the benefit of new ways - much sooner than others - and got on-side with the W3C to advocate CSS as the preferred way of marking up web pages.
I do think that some of these people tend to be out of touch with the average web page creator. While tables may not be an appropraite method for a high level professional, I think they are acceptable for average web page creators - a group that is expanding more and more these days. They're quick, easy, and they work.
But really who are you (or I) to challenge the position of someone who has written a book on the subject. I think if these people were so wrong about it someone would have pointed it out by now. There isn't even any debate among the experts about the use of tables for layout - and the documentation above from the W3C makes it clear that they are correct.
There was a thread going around the blogs awhile back proposing that people who use tag-soup methods of mark-up should not be considered "professionals". They do not mean that you are an idiot or a moron or incompetent if you use tables for layout. Only in the context of selling high level web design. I don't think they necessarily mean small-time web designers - they mean the big leagues, because that is their context. I agree with this - if you're charging people a lot of money for a product or service you had better be using top of the line methodology. In any field. But for small-time, low cost products I'm not sure it matters as much. Clients should realize that you get what you pay for, and as designers we need to be providing a good product for the price we're charging.
ETA: so when they say "incompetent" they do not mean you personally, just as when you say "css-nazi" you do not mean me.
.... and this might just be the longest post ever
Megan
Connect with us on Facebook!
Dux0r posted this at 17:25 — 4th February 2006.
She has: 31 posts
Joined: Jan 2006
My thoughts on the subject:
CSS generally saves file-space
This may or may not be a big deal to you, some people (like myself) are very anal about file-size. generally takes up alot less space than .
CSS is more future friendly
Generall CSS is seen as the way forward for layout and HTML should be kept seperate. Most browsers (not including IE) are edging towards this idea and very slowly agreeing with WC3.
Tables are more popular
Tables have been used for layout for as long as I can remember and are by far the dominant method. Although this doesn't mean they're any better, it shows that there is no right or wrong way to do things.
Tables are generally easier
As a user of both CSS and tables for layout, I find tables are usually quicker to set up and style. As more people are familuar with HTML than are familuar with both HTML and CSS, it's easier to stick with what they know than learn something new for what essentially makes no difference (to appearance).
Tables are "incorrect" or "wrong"
I see this arguement alot, that tables are for tabular data only and CSS is for layout. Yes, that may be true in the eyes of the WC3, but tables are still the dominant choice.
It's like the IE vs FF/Opera arguement. Most people know that I.E. is horribly non-compliant but since it's the dominant browser most people will lean towards designing for it. This doesn't mean it's right or wrong. It just is.
The only thing that is certain is that the internet is ever changing, tomorrow CSS may dissapear completely, so might tables.
I'm aware that the WC3 would prefer that I chose tables only when displaying tabular data, but then there are a billion trillian examples of HTML being used in ways which the WC3 would consider incorrect and sometimes these create wonderful unique new ideas and inspiration. Other times they are an utter disaster and begin horrible trends.
The conclusion of this interesting debate is a very simply one: At the end of the day it really doesn't matter.
JeevesBond posted this at 19:25 — 4th February 2006.
He has: 3,956 posts
Joined: Jun 2002
TWF Post Length Leaderboard
+--------+----------+
| postid | text_len |
+--------+----------+
| <a href="http://www.webmaster-forums.net/showpost.php?p=178864" class="bb-url">178864</a> | 43600 |
| <a href="http://www.webmaster-forums.net/showpost.php?p=81488" class="bb-url">81488</a> | 41923 |
| <a href="http://www.webmaster-forums.net/showpost.php?p=151126" class="bb-url">151126</a> | 40210 |
| <a href="http://www.webmaster-forums.net/showpost.php?p=81395" class="bb-url">81395</a> | 33274 |
| <a href="http://www.webmaster-forums.net/showpost.php?p=119646" class="bb-url">119646</a> | 31070 |
| <a href="http://www.webmaster-forums.net/showpost.php?p=181382" class="bb-url">181382</a> | 29766 |
| <a href="http://www.webmaster-forums.net/showpost.php?p=189024" class="bb-url">189024</a> | 28449 |
| <a href="http://www.webmaster-forums.net/showpost.php?p=100669" class="bb-url">100669</a> | 27689 |
| <a href="http://www.webmaster-forums.net/showpost.php?p=137025" class="bb-url">137025</a> | 26347 |
| <a href="http://www.webmaster-forums.net/showpost.php?p=103048" class="bb-url">103048</a> | 26200 |
+--------+----------+
I made a table! Anyway, sorry Megan your post length doesn't even get into the top 10.
Your post length:
+--------+----------+
| postid | text_len |
+--------+----------+
| 192559 | 9546 |
+--------+----------+
In your defence, none of the longest posts have much content - they're all code snippets, so maybe you have the longest content post ever. The title of the last one's quite funny since it's in the top 10 longest posts leaderboard.
I agree to a point with your - very well structured and researched - arguments Megan, and those discussion lists do make interesting reading. I concede that sites designed in the past should never be rubbished for doing what was right then, also there's nothing essentially wrong with designing to HTML 4.01 Transitional or XHTML 1.0 Transitional now. It's a bit daft when the rest of the world is moving forward, but it's the individuals choice if they wish to fall behind.
However designing a site using tables for layout, then labelling it as XHTML 1.0 Strict is wrong (which I believe is what Busy is advocating?). This seems plainly obvious to myself and the W3C, and that is my critisism: The W3C have assumed that we'd all know that tables shouldn't be used in XHTML 1.0 Strict, but nowhere do they actually explicitly state this in the recommendations.
Instead arguments such as the one on this forum happen, and Megan has to spend hours digging around in W3C Discussion Lists to find what they really mean.
Summary: Policy and guidance regarding tables and their usage (layout vs. tabular data) should be provided by the W3C.
And that's the last I have to say on the matter (I hope...)
a Padded Cell our articles site!
DaveyBoy posted this at 19:30 — 4th February 2006.
They have: 453 posts
Joined: Feb 2003
if i use tables, and it validates as xhtml 1.0 transitional, am i allowed to jump up and down and get drunk?
JeevesBond posted this at 19:47 — 4th February 2006.
He has: 3,956 posts
Joined: Jun 2002
Yes, but make sure you don't try doing both at the same time, could lead to spillage.
a Padded Cell our articles site!
DaveyBoy posted this at 20:14 — 4th February 2006.
They have: 453 posts
Joined: Feb 2003
Too late
Anybody interested in a soiled logitech?
Busy posted this at 22:38 — 4th February 2006.
He has: 6,151 posts
Joined: May 2001
I'm not going to reply as I said I wouldn't, Megan you have a slight boo boo in your summary, trans and strict around the wrong way (not that I agree with it).
Also writing a book means nothing (this isn't tabled related ), I have written a couple of books (children's books) and anyone, and I mean anyone can get published. Just because you write a book does not mean you are good, right or political correct, perfect example would be "Dr Death", the Australian doctor who is written several youinasia books (yeah can't spell it but you should be able to figure it out) yet he is barred in many countries around the world. He IS a professional, has written many books yet the govt. can ban him from entering countries and talking about it. (He's trying to set up in NZ at the moment).
Ok will comment on one small thing: Hijacking the semantics of existing attributes to create hacky workarounds so you can use table layouts with a "clear" conscience is not a good idea. Yet CSS has to be 'hacked' (such a stupid term) for browser compatibility, tables using XHTML trans needs very little if any 'hacking' to be valid. The CSS used on/in tables is standard CSS stuff. CSS is abused everyday, using CSS to display width and height on images is abuse, yet text alignment, colours, borders and margins are wrong? go figure.
Megan posted this at 23:19 — 4th February 2006.
She has: 11,421 posts
Joined: Jun 1999
How is this incorrect? The "NOT in transitional" is slightly inaccurate because in a transitional document you should be moving towards strict xHTML methods. So to say that layout *should be* done with tables in transitional is not quite right. It can be, not should be.
And I'd agree that CSS is hacked around a fair bit by many, I'm not saying that all people always use it correctly. That's beyond the scope of this discussion
Megan
Connect with us on Facebook!
JeevesBond posted this at 23:23 — 4th February 2006.
He has: 3,956 posts
Joined: Jun 2002
Well I'm losing interest in the subject as we're going around in circles. All the arguments are on the table and I think we can happily agree to disagree.
There have been multiple threads and posts on the subject and - for me - it's been discussed enough, the rest of you feel free to continue the banter, I'll get involved again if someone with a new viewpoint appears.
a Padded Cell our articles site!
DaveyBoy posted this at 23:25 — 4th February 2006.
They have: 453 posts
Joined: Feb 2003
your puns would make Whiteley a proud man, jeeves
demonhale posted this at 01:25 — 5th February 2006.
He has: 3,278 posts
Joined: May 2005
Here was the first historical argument, read through it incase you need to make peace with the topic...
http://webmaster-forums.net/showthread.php?t=29495
oh and Busy, it is spelled euthanasia... the act of mercy killing...
steve40 posted this at 04:28 — 8th February 2006.
He has: 490 posts
Joined: May 2005
So you want the real truth about CSS, W3C and such. But just like a quote from a well known movie goes, maybe - you can't handle the truth.
W3C, or the World Consortium would like to put us all in a box, individuality is a thing of the past. Communism is in vogue. Kruchev was right many years ago when he said "your children will grow up under communism". we just didn't understand how. It's called socialism, by modern standards.
The web needs standards but not in the type of code you use, or the way you lay out your web-site. All these rag tag browsers need to come to one standard. Then there would be no differences in using html or css, they would display it alike. It would mean you would not have the hassle of trying to get your margins, and placement to work with every browser, (which can't be done in the first place).
But then it would take purpose away from those who want to be little Hitlers, and rule the world. They might have to really work at something!. That would be really sad, something like running over a Skunk.
What it is all really about! is the world against Bill Gates. And those of us who use the web, have become the football.
dk01 posted this at 05:18 — 8th February 2006.
He has: 516 posts
Joined: Mar 2002
Comparing standards to communism is IMO really over the top. Standards are suggestions so that your code and browsers will understand one another and how they work. MS does not make a penny off of IE since they do not sell it. Sure its a feature of their operating system but developing it with bugs does nothing to help it in terms of web designer popularity. Techies were the ones who started the push to use Firefox, not just becuause they dislike MS but also because Firefox correctly renders pages and has many useful extensions. At the moment IE and FF's programmers are listening to web developers because the recognize that our influence is growing. We should show them our appreciation and continue to push for better standards. Alienating Microsoft for their politics doesn't help our cause, it hurts it.
Megan posted this at 14:30 — 8th February 2006.
She has: 11,421 posts
Joined: Jun 1999
All the W3C does is come up with basic standards for how the code should work. It's got no bearing on individuality or creativity what-so-ever. In fact, if you use standards properly you can break out of the restrictiveness of the old tables and font tags model. See CSS Zen Garden.
And please do not bring politics into this discussion. It is really uncalled for.
That is why there are standards!!!! That is why they exist in the first place, so browser makers know how to make their products work. Opera, Firefox, Safari and others are on board with this. Now, if all the browsers are supporting things the same way, shouldn't we be coding according to those standards?
Emphasis added. See Godan's law, quoted above.
I find it really sad that people are finding CSS too difficult to use. CSS-1 is really very well supported. It might be difficult for some to use it for full layouts but there is no reason why you can't be using it for everything else. Many, many people have proven that it is viable for complete site design.
Megan
Connect with us on Facebook!
steve40 posted this at 06:49 — 8th February 2006.
He has: 490 posts
Joined: May 2005
Well you might ask? just who decides what the standards are?. Do you or I, no I don't think so. What do you really decide for yourself?
Somebody tells you what to wear, what to drink, what you should drive, and what you can't do. But don't dare mention what you would like, then you will be tagged as an antisocial.
Seems all communists, dictators, and fascists have been trying to do this for years. I don't see anything different about being told how to build my websites. I could care less if some dork, with a palm pilot can see it or not. As far as techies go, they don't know when to leave well enough alone!. I've been the technical end of electronics for 50 years, I guess I should know.
So who decides which browser displays a page correctly, isn`t this just exactly what I said. It's somebody's opinion, but the question is - What is standard??.
robfenn posted this at 12:19 — 8th February 2006.
He has: 471 posts
Joined: Jun 2005
LMAO!
I won't make a real effort to use CSS until everyone migrates to IE7. There is just too many continuity issues with CSS across browsers.
I am very aware of the benefits of CSS layout but i'm not going to jump on the bandwagon just yet.
I am a member of an accessible website design forum where most members are hardcore into accessibility. Yet when you play around with their CSS sites, it goes tits up. Good intentions mean nothing when a website doesn't work for your visitors.
-Rob
steve40 posted this at 16:30 — 8th February 2006.
He has: 490 posts
Joined: May 2005
I work at making my sites conform to the standards, although I really don't know why. I have an old site that does not conform to any, and strangely it looks the same in any browser. I do use some css, and tables, I personally like tables it's the way I learned. And I wont change it for any reason!.
I have found the more you mess with anything, the worse it gets Not Better. Every time a software mfg., comes out with a new version of a program. I give it a look, most of the time the older one is better. People seem to not be able to stay with anything, that works well. But instead like to create confusion. This confusion they call progress; Ha Ha.
As far as polotics go; I wont even get into that, it's worse than this issue. But find me anything! that is not infested with it anymore. Thats exactly what this debate is.
As far as a standard goes, tables are far more less trouble prone to problems than any other method. All browsers see them the same, with exceptions of the little red fox. I hate that piece of crap, and don't see for the life of me who even thinks it's better. I guess it's because the "great ones" told them it was.
So in the end it's nothing to worry about, from what I read they are going to shut us down anyway. So have fun while the sun is shining, dark days are coming.
dk01 posted this at 19:55 — 8th February 2006.
He has: 516 posts
Joined: Mar 2002
So why are you in the debate?!? You are criticizing people for conforming to what the hypothetical "man" says yet you are so hard headed you can't aren't even willing to look at any other views! Hypocrisy abound!
This statement is exasperating really. According to your view of the world we should all go back and live in caves?
No its not about politics so if you could stop bringing it into the debate we could get back on topic.
True but just because something is the easiest does not make it the best solution. Development is a process. Sometimes code gets bloated and you need to find a more sleek solution. Standards help expand the web's capabilities and help cut out useless and purposeless table code. Adding meaning to the web is something you should read about. Its very interesting and helps people while still cutting code. I guess that's a theory being pushed by uninformed techies right?
Have you ever used Firefox?!?! It parses tables perfectly if your code is correct (closed all tags, no typos). I think you must have some incorrect code in your page and this causes Firefox to barf out your page. Firefox should not go fixing your sloppy code whereas IE does this for you but includes many bugs. It is generally accepted by coders that Firefox is the best browser at parsing code because it does not allow you to cut corners and write bad code. What are your reasons for not using it? So far I have seen no sources or examples from you. Just meaningless propaganda.
Who are you talking about? Is the "us" you speak of the people who want to reverse time and think all change is bad change? If so, I say good to shutting you down, and good riddance.
I'm sorry and I respect everyone's views here but there is so much unsubstantiated fodder in this last post that I had to respond with hostility to this apparently hard headed member.
Due to the fact that I want this discussion to move forward in a positive way I beg for steve40 to start quoting sources or at least keep this discussion on topic. Its fine to disagree, but coming up with evil conspiracy theories, not addressing questions posed to you, and calling software a "piece of crap" does nothing to further the debate. Show us something of subject or step aside and let those of us who are serious about this debate go forward.
I suggest you and anyone in this post read The World is Flat by Thomas L. Freidman for a basic review of the history of protocols, the history of the web, and browser wars.
-Jim
Busy posted this at 21:14 — 8th February 2006.
He has: 6,151 posts
Joined: May 2001
Just wanted to mention FF does allow sloppy code, they didn't use to but now do. Netscape is still the strickest browser but they too are becoming relaxed. All browsers allow sloppy code to an extreme - A step backwards to allow IE to catch up?
dk01 posted this at 21:55 — 8th February 2006.
He has: 516 posts
Joined: Mar 2002
This is true but it's only thanks to the XHTML 1.0 DTD (allows for transitional) and depends on whether you are serving your page as html or as xml. If you serve your document as XHTML 1.1 or as XHTML 1.0 Strict then you should be serving the page as XML. If you make an error in your XML then Firefox will throw an error.
You are correct though that at the moment FF allows for older/sloppy code. The next step is to go from Transitional to Strict (not all sites need to do so yet until IE7 comes out).
Busy posted this at 09:58 — 5th February 2006.
He has: 6,151 posts
Joined: May 2001
Megan, you have "... quite clear that layout should be done with CSS in xHTML strict (NOT in transitional). So, tables are okay for layout in xHTML transitional, but not Strict."
shouldn't it be "... quite clear that layout should be done with CSS in xHTML transitional (NOT in strict). So, tables are okay for layout in xHTML transitional, but not Strict."
maybe I'm just reading it wrong. but the other way round goes with the last sentence not against it.
Busy posted this at 10:02 — 5th February 2006.
He has: 6,151 posts
Joined: May 2001
Ok I think I have it wrong, the whole sections is:
So, using tables for layout is acceptable. However, the W3C specification that Jeeves quoted earlier makes it quite clear that layout should be done with CSS in xHTML strict (NOT in transitional). So, tables are okay for layout in xHTML transitional, but not Strict.
So pure CSS layouts should be done in Strict and not Transitional and table layouts should be done in Transitional and not Strict ?
Renegade posted this at 10:12 — 5th February 2006.
He has: 3,022 posts
Joined: Oct 2002
Yes, I believe that is the point that Megan or whoever was trying to get at.
The way I see it, if one is more comfortable using TABLEs than DIVs then, by all means, go ahead. I just choose to use DIVs because I find it is a lot easier for me. Sure, there was a bit of a learning curve in the beginning but, I find it's a lot less confusing than using tables now.
JeevesBond posted this at 11:08 — 5th February 2006.
He has: 3,956 posts
Joined: Jun 2002
Yep, Transitional as in making the "transition" to something else, in this context: XHTML Strict.
Indeed, in fact he left his toupee to me so I could carry on the tradition *sniffle*
a Padded Cell our articles site!
dk01 posted this at 19:11 — 7th February 2006.
He has: 516 posts
Joined: Mar 2002
I am going to throw this in the mix. I actually wrote this in a separate discussion but it was on the same topic. It reflects my mentality on the whole subject:
I am hoping to approach this post carefully as to not offend anyone. Remember we are all individuals and therefore are free to do as we please. This is simply my view of the situation regarding web standards and css design. Remember, when I come to a client with a proposal I don't focus solely on this subject. I am addressing it here because its the issue at hand. This is not the only factor that the client looks at, and therefore should not be our only consideration. Anyhow here is a story I wrote (late at night) for your consideration.
The Example of the Architect
Over the next 40 years the building was worked on by a slew of other contractors all who referenced John's blueprints. Changes were made and documented but the basic structure of the building remained the same. The city the Tower was built in experienced two major earthquakes over the years but due to its solid design the building stay in place. At one point or another there was some damage to pipes and walls but the structure and the purpose of the building remained true.
Due to John's reputation in the architecture field as a professional and someone who is able to adapt to his environment he is able to start his own world renowned design and construction firm
Ironically, in 2006, John's firm is hired to do renovations on the tower. He finds there is some serious work to be done but that there is no need for the building to be brought down or rebuilt.
John realizes that in the end he did the right thing and that the small things paid off in the long run. John finds the process of reevaluation of his work painful but necessary and is glad he has a solid framework to work upon. He has successfully raised the bar in terms of quality and dedication because he focused on the long term goals of his projects while still meeting the short term goals.
The way I see it, John has the correct goals and has provided something greater than just the end product. He provided a means for someone (hopefully himself if he markets a continuing service) in the future to push his industry toward a standard.
Another thing John appreciates is that what works today will not always work tomorrow and that there are always things we can improve upon.
In this day in age where more and more people use mobile devices, more disabled people are online, and we are looking for more and more structure so that we can develop global solutions, there is no room to hold back. Its time to do the hard work now so that in the future our industry can function more efficiently. Remember that all browsers coming out in the last year and a half have vastly improved their support. This means in two years time when IE7 final is out and 80% of the market switches over it will be quite a bit easier to code without filters (some would call hacks). Doesn't that mean we have made some progress? No matter how small I'd say its worth it.
Change in the browsers is driven by the industry's architects, not the clients. Its our duty to fulfill the clients needs but also to demand better technology so that we may provide even more to the client. We have to take action to force the browser developers to come around. Otherwise we are complacent. Complacency would stun the growth of our industry and would mean many of us would be out of the job.
That's my 2 cents. Sorry its long winded but I have been thinking about this a ton lately.
-Jim
PS. I have recently joined the css-d mailing list. I suggest anyone interested in serious reading on web standards design (practical solutions and bug solution) join it too.
demonhale posted this at 02:44 — 8th February 2006.
He has: 3,278 posts
Joined: May 2005
well-said dk01...
dk01 posted this at 07:42 — 8th February 2006.
He has: 516 posts
Joined: Mar 2002
Ok, except
standards are not someone making decisions for you.You are free to do what you like. If you don't want to conform to the w3c specs then that's your call. All the consortium (remember that's what it is, not some dictator) does, is recommend what its members (mostly freelance web designers) consensus is. If you don't agree with the members then you are free to do what you like. The alternative would be to get involved in the w3c and advocate for a more open and free standard. Basically my point is that no one is shoving this down your throat. You have choices and always have!
I think you are also missing the point in thinking that the standards are restrictive and not expansive. XML is meant to encourage the free flow and transformation of any data. This means by converting your site to a valid XML document you will be opening it up to an infinite number of possibilities. This is not the man trying to screw you or something!
Open your mind a bit and I think you will see that innovation is not evil! Its just different!
demonhale posted this at 13:12 — 8th February 2006.
He has: 3,278 posts
Joined: May 2005
lets go back to SEMANTICS... we can go on and on with this, but it still depends where youre comfortable at... You got here due to someone making up a standard protocol called HTTP... which by the way only techies and the military used before but now who is jumping on the bandwagon perse??? All of us!
DaveyBoy posted this at 16:04 — 8th February 2006.
They have: 453 posts
Joined: Feb 2003
Some of us just don't want to
DaveyBoy posted this at 20:54 — 8th February 2006.
They have: 453 posts
Joined: Feb 2003
ahhhh nothing beats this thread for arguments
mrksoliz posted this at 16:16 — 11th February 2006.
They have: 4 posts
Joined: Feb 2006
just a quick reply you don't have to use DIV's with css it is possible to use the tags with the class or id inside the tag. you get the same outcome.
dk01 posted this at 19:17 — 11th February 2006.
He has: 516 posts
Joined: Mar 2002
Yes this is true. And at the moment tags are more semantically valid than the abstract tag.
Megan posted this at 16:18 — 12th February 2006.
She has: 11,421 posts
Joined: Jun 1999
I don't know, I think this could lead to mis-use of the p tag. P is for paragraph - that's it. So defining layout elements that aren't paragraphs as paragraphs is the same sort of abuse discussed above with the tables and lists as layout elements.
The DIV tag is meant for this sort of purpose. It is a generic contaniner meant to hold collections of other elements.
http://www.htmlhelp.com/reference/html40/block/div.html
http://www.w3.org/TR/html4/struct/global.html#edef-DIV
Megan
Connect with us on Facebook!
EGS posted this at 03:19 — 12th February 2006.
They have: 161 posts
Joined: Jan 2005
Simply just use XHTML / CSS because it loads faster. It's really that simple.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.