<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:"Arial Black";
panose-1:2 11 10 4 2 1 2 2 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";
color:black;}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal;
font-family:Arial;
color:windowtext;}
span.EmailStyle19
{mso-style-type:personal-reply;
font-family:Arial;
color:navy;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body bgcolor=white lang=EN-US link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Larry,<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>I Did a little more research that
generated a new question, would love to get your input.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>I did find several sites designed for mobile
devices that are being used successfully with tables so that bit may have been
speculation, but I did discover, I think, two modules within Drupal that might
not work well with Tabled layout, jQuery and RDF. jQuery alone is
probably worth my learning CSS layout, just to be able to crank out all the
possible features there now and in the future. RDF, unless I miss-read
something, seems to be designed to make the search engine job easier by
providing a mechanism for you to tell the search engine the entire story of a
page, something normal text scanning could (and does) occasionally miss.
My only reservation about RDF is the potential for abuse, but then I probably
will find they’ve fixed that when I read a bit more on the subject.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'>Is it true that jQuery has problems with
tabled layout?<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=navy face=Arial><span style='font-size:
10.0pt;font-family:Arial;color:navy'><o:p> </o:p></span></font></p>
<div>
<p class=MsoNormal><em><b><i><font size=2 color=navy face="Arial Black"><span
style='font-size:10.0pt;font-family:"Arial Black";color:navy;font-weight:bold'>Warren
Vail</span></font></i></b></em><o:p></o:p></p>
</div>
<div>
<p class=MsoNormal><font size=3 color=black face="Times New Roman"><span
style='font-size:12.0pt;color:windowtext'><o:p> </o:p></span></font></p>
<div class=MsoNormal align=center style='text-align:center'><font size=3
color=black face="Times New Roman"><span style='font-size:12.0pt;color:windowtext'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
<p class=MsoNormal><b><font size=2 color=black face=Tahoma><span
style='font-size:10.0pt;font-family:Tahoma;color:windowtext;font-weight:bold'>From:</span></font></b><font
size=2 color=black face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma;
color:windowtext'> development-bounces@drupal.org
[mailto:development-bounces@drupal.org] <b><span style='font-weight:bold'>On
Behalf Of </span></b>Larry Garfield<br>
<b><span style='font-weight:bold'>Sent:</span></b> Sunday, May 01, 2011 10:45
PM<br>
<b><span style='font-weight:bold'>To:</span></b> development@drupal.org<br>
<b><span style='font-weight:bold'>Subject:</span></b> Re: [development] Tables
in Themes in Drupal 7</span></font><font color=black><span style='color:windowtext'><o:p></o:p></span></font></p>
</div>
<p class=MsoNormal><font size=3 color=black face="Times New Roman"><span
style='font-size:12.0pt'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=3 color=black face="Times New Roman"><span
style='font-size:12.0pt'>Table-based markup:<br>
<br>
1) Is worse for search engines. Search engines handle semantic markup
better, because they can extract useful information about the page from the
markup. Tables confuse them and they cannot rank the data on the page as
well.<br>
<br>
2) Is more verbose. While your eyes may have grown accustomed to it, that makes
the page load more slowly. With the proliferation of the wireless web
(back to dialup speeds we go!), that is a significant problem. The usual
example I use here is Slashdot, which switched from table-based to pure-CSS
layout back in the early '00s and saved multiple *gigabytes* of data transfer
per month. That translates into $$$, as well as a faster user experience.<br>
<br>
3) Is harder to maintain. Really. Even in a CMS.<br>
<br>
4) Is not accessible. By "accessible" I mean "makes sense
to something other than a pair of human eyeballs". Screen readers,
search engines, assitive technology (for people that are partially disabled),
etc. all work better with intelligent, semantic markup than with purely visual
markup.<br>
<br>
5) Is harder to build. Really. Especially in a dynamic system like
Drupal, table-based layout makes it harder to build a flexible page.<br>
<br>
6) Doesn't scale down to mobile browsers. Mobile browsers will be the
majority of web traffic within 2 years or so by some estimates. In some
parts of the world it already is. Good semantic designs scale down to
4" screens far more easily than tables. I'd go as far as saying that
"adaptive design" (where the layout changes depending on the size of
the screen automatically) is simply impossible with tables.<br>
<br>
7) Doesn't offer anywhere near the expressive power of CSS. If you're
trying to get a visual effect fancier than three columns with fixed rectangular
color regions, you need to use CSS for styling. Tables just can't do
that.<br>
<br>
Not to put too fine a point on it, but if all you're thinking about is "a
good looking theme", use Photoshop, not the web. Building a web page
is about far far far more than simply painting a picture, and if you want to do
more than paint a picture that has columns in it you need to use CSS-based
layout.<br>
<br>
"Personal preference" is not even on the table (no pun intended) for
why CSS-based design is better than table-based. It's not a
"prejudice of the lazy". It's a prejudice for using the right
tools for the job they were intended for, and using them properly. That's
not a subjective statement, nor one simply based on which one learned first.<br>
<br>
Yes, it's time for you to learn CSS. Fortunately, it's much easier than
it used to be since modern browsers finally support CSS properly (now that IE 6
is a virtually non-existent player in most markets). <br>
<br>
--Larry Garfield<br>
<br>
On 05/02/2011 12:07 AM, Warren Vail wrote: <o:p></o:p></span></font></p>
<p class=MsoNormal><font size=2 color=black face=Arial><span style='font-size:
10.0pt;font-family:Arial'>I was just getting ready to tackle my first theme in
Drupal 7, and is my practice, looking through the themes to find for one to
hack into being mine, when I found that none of them used tables for
layout. Now I have heard many people voice the opinion that tabled
layouts (which I’ve been quite successful with) are bad, and CSS (which I
am less prepared to deal with) are good. And in my ages of experience I
have, up until now, assumed that the expressed choice between good and bad was
based on (as it often is) what people had learned vs what they had not, and did
not want to have to bother to learn, so I said nothing until now<u1:p></u1:p></span></font><o:p></o:p></p>
<p class=MsoNormal><font size=2 color=black face=Arial><span style='font-size:
10.0pt;font-family:Arial'><u1:p> </u1:p></span></font><o:p></o:p></p>
<p class=MsoNormal><font size=2 color=black face=Arial><span style='font-size:
10.0pt;font-family:Arial'>Now I see that Drupal 7 (a product I have some
respect for) seems to have none, in those that I have looked into, at
least. Did what I had perceived to be merely a prejudice of the lazy make
it’s way all the way into the D7 Platform, or is there some legitimate
reason for abandoning tabled layouts that I have missed (must I finally buckle
down to my own laziness and tackle CSS to that depth)?<u1:p></u1:p></span></font><o:p></o:p></p>
<p class=MsoNormal><font size=2 color=black face=Arial><span style='font-size:
10.0pt;font-family:Arial'><u1:p> </u1:p></span></font><o:p></o:p></p>
<p class=MsoNormal><font size=2 color=black face=Arial><span style='font-size:
10.0pt;font-family:Arial'>Why are Tables BAD and CSS GOOD (keep in mind,
I’m after a good looking theme, and not good looking code, necessarily,
since none of my end users will ever look at the code). I am looking for
some reason other than good looking code (or someone’s vision of
correctness) to get behind CSS for my themes, and believe me “being
easier” won’t convince me much either. I’m guessing
there must be some other good reason I’ve missed. <u1:p></u1:p></span></font><o:p></o:p></p>
<p class=MsoNormal><font size=2 color=black face=Arial><span style='font-size:
10.0pt;font-family:Arial'><u1:p> </u1:p></span></font><o:p></o:p></p>
<p class=MsoNormal><font size=2 color=black face=Arial><span style='font-size:
10.0pt;font-family:Arial'>What would that be?<u1:p></u1:p></span></font><o:p></o:p></p>
<p class=MsoNormal><font size=2 color=black face=Arial><span style='font-size:
10.0pt;font-family:Arial'><u1:p> </u1:p></span></font><o:p></o:p></p>
<p class=MsoNormal><em><b><i><font size=2 color=navy face="Arial Black"><span
style='font-size:10.0pt;font-family:"Arial Black";color:navy;font-weight:bold'>Warren
Vail</span></font></i></b></em><u1:p></u1:p><o:p></o:p></p>
<p class=MsoNormal><font size=3 color=black face="Times New Roman"><span
style='font-size:12.0pt'><u1:p> </u1:p><o:p></o:p></span></font></p>
<p class=MsoNormal><font size=3 color=black face="Times New Roman"><span
style='font-size:12.0pt'><o:p> </o:p></span></font></p>
</div>
</body>
</html>