Re: CSS display: table
Dominique Meeùs <[email protected]> Thu, 16 Feb 2012 00:08:04 +0100
| Newsgroups | gmane.comp.web.amaya.general |
|---|---|
| Message-ID | <[email protected]> |
This is a multi-part message in MIME format. --------------070106040303030809010807 Content-Type: text/plain; charset=UTF-8; format=flowed Content-Transfer-Encoding: quoted-printable Chris Beall a =C3=A9crit ce qui suit, le 15/02/12 23:49 : > =E2=80=A6 In view of the fact that you must go to a lot of work to add = a set=20 > of classes to do this, plus assign those classes carefully to each and = > every <div> in the tree, why would you not instead just use the=20 > appropriate <table>-family tags instead of <div>s? I sense a gap in=20 > my education; perhaps you can fill it. > This was my first reaction and I nearly posted the same question. Then I = saw the linuxandfriends link given by Jean-Luc Meunier refers to=20 http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wron= g/=20 where there is some more =E2=80=9Cphilosophy=E2=80=9D about this. In a fe= w words, you=20 should use HTML tables to display tabular content, the kind of content=20 you would place in a spreadsheet if it was not a webpage; you should use = these CSS tabular possibilities if it is not typical tabular content,=20 but mere tabular display (like a div id=3D"navigation" column somewhere i= n=20 your page). > --- On *Tue, 2/14/12, Meunier, Jean-Luc=20 > /<[email protected]>/* wrote: > > > From: Meunier, Jean-Luc <[email protected]> > Subject: CSS display: table > To: "[email protected]" <[email protected]> > Date: Tuesday, February 14, 2012, 10:45 AM > > =E2=80=A6 See for instance at > http://linuxandfriends.com/2009/04/04/how-to-style-div-elements-as-= tables/ > --------------070106040303030809010807 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content=3D"text/html; charset=3DUTF-8" http-equiv=3D"Content-Ty= pe"> <title></title> </head> <body bgcolor=3D"#ffffff" text=3D"#000000"> Chris Beall a =C3=A9crit ce qui suit, le 15/02/12 23:49 : <blockquote cite=3D"mid:[email protected]= oo.com" type=3D"cite"> <table border=3D"0" cellpadding=3D"0" cellspacing=3D"0"> <tbody> <tr> <td style=3D"font: inherit;" valign=3D"top">=E2=80=A6 In view= of the fact that you must go to a lot of work to add a set of classes to do this, plus assign those classes carefully to each and every <div> in the tree, why would you not instead just use the appropriate <table>-family tags instead of <div>s?=C2=A0 I sense a gap in my educatio= n; perhaps you can fill it.<br> </td> </tr> </tbody> </table> </blockquote> This was my first reaction and I nearly posted the same question. Then I saw the linuxandfriends link given by Jean-Luc Meunier refers to <a class=3D"moz-txt-link-freetext" href=3D"http://www.digital-web.com= /articles/everything_you_know_about_CSS_Is_wrong/">http://www.digital-web= =2Ecom/articles/everything_you_know_about_CSS_Is_wrong/</a> where there is some more =E2=80=9Cphilosophy=E2=80=9D about this. In = a few words, you should use HTML tables to display tabular content, the kind of content you would place in a spreadsheet if it was not a webpage; you should use these CSS tabular possibilities if it is not typical tabular content, but mere tabular display (like a div id=3D"navigation" column somewhere in your page). <blockquote cite=3D"mid:[email protected]= oo.com" type=3D"cite"> <table border=3D"0" cellpadding=3D"0" cellspacing=3D"0"> <tbody> <tr> <td style=3D"font: inherit;" valign=3D"top">--- On <b>Tue, 2/14/12, Meunier, Jean-Luc <i><a class=3D"moz-txt-link-rf= c2396E" href=3D"mailto:[email protected]"><Jean-Luc.Meun= [email protected]></a></i></b> wrote:<br> <blockquote style=3D"border-left: 2px solid rgb(16, 16, 255); margin-left: 5px; padding-left: 5px;"><br> From: Meunier, Jean-Luc <a class=3D"moz-txt-link-rfc2396E" href=3D"mailto:Jean-Lu= [email protected]"><[email protected]></a><br>= Subject: CSS display: table<br> To: <a class=3D"moz-txt-link-rfc2396E" href=3D"mailto:www= [email protected]">"[email protected]"</a> <a class=3D"moz-txt-link-rfc2396E" = href=3D"mailto:[email protected]"><[email protected]></a><br> Date: Tuesday, February 14, 2012, 10:45 AM <div id=3D"yiv728234317"> <div> <div class=3D"yiv728234317WordSection1"><br> <p class=3D"yiv728234317MsoNormal">=E2=80=A6 See fo= r instance at <a moz-do-not-send=3D"true" rel=3D"nofollow" target=3D"_blank" href=3D"http://linuxandfriends.com/2009/04/04/how-to-style-div-elements-a= s-tables/">http://linuxandfriends.com/2009/04/04/how-to-style-div-element= s-as-tables/</a><br> </p> </div> </div> </div> </blockquote> </td> </tr> </tbody> </table> </blockquote> </body> </html> --------------070106040303030809010807--