Re: CSS display: table
Chris Beall <[email protected]> Wed, 15 Feb 2012 14:49:41 -0800 (PST)
| Newsgroups | gmane.comp.web.amaya.general |
|---|---|
| Message-ID | <[email protected]> |
---1621158304-2085286960-1329346181=:36642 Content-Type: text/plain; charset=iso-8859-1 Content-Transfer-Encoding: quoted-printable JL, Because Amaya is less-than-perfect as a rendering engine.=A0 If you look at= your example with FireFox, Safari, Chrome, or Opera, it appears as two col= umns below a caption that spans both columns, as you would expect. In view of the fact that you must go to a lot of work to add a set of class= es 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>-fam= ily tags instead of <div>s?=A0 I sense a gap in my education; perhaps you c= an fill it. Chris Beall --- On Tue, 2/14/12, Meunier, Jean-Luc <[email protected]> wr= ote: From: Meunier, Jean-Luc <[email protected]> Subject: CSS display: table To: "[email protected]" <[email protected]> Date: Tuesday, February 14, 2012, 10:45 AM Hi, =A0I was interested in using Amaya with the CSS capability of laying ou= t an XML tree in a tabular way, using the display: table stuff. =A0See for = instance at http://linuxandfriends.com/2009/04/04/how-to-style-div-elements= -as-tables/ =A0But Amaya displays the cells in two rows rather than in two = columns, for the attached example. =A0Do you know why and if I can do somet= hing to fix this? =A0Thanks =A0JL Meunier =A0 =A0 ---1621158304-2085286960-1329346181=:36642 Content-Type: text/html; charset=iso-8859-1 Content-Transfer-Encoding: quoted-printable <table cellspacing=3D"0" cellpadding=3D"0" border=3D"0" ><tr><td valign=3D"= top" style=3D"font: inherit;">JL,<br><br>Because Amaya is less-than-perfect= as a rendering engine. If you look at your example with FireFox, Saf= ari, Chrome, or Opera, it appears as two columns below a caption that spans= both columns, as you would expect.<br><br>In view of the fact that you mus= t 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? I sense a gap in my education; perhaps you can fill it.= <br><br>Chris Beall<br><br>--- On <b>Tue, 2/14/12, Meunier, Jean-Luc <i><= ;[email protected]></i></b> wrote:<br><blockquote style=3D= "border-left: 2px solid rgb(16, 16, 255); margin-left: 5px; padding-left: 5= px;"><br>From: Meunier, Jean-Luc <[email protected]><br>Subject: CSS display: table<br>= To: "[email protected]" <[email protected]><br>Date: Tuesday, February = 14, 2012, 10:45 AM<br><br><div id=3D"yiv728234317"><style><!--=0A#yiv728234= 317 =0A _filtered #yiv728234317 {font-family:Calibri;panose-1:2 15 5 2 2 2= 4 3 2 4;}=0A#yiv728234317 =0A#yiv728234317 p.yiv728234317MsoNormal, #yiv7= 28234317 li.yiv728234317MsoNormal, #yiv728234317 div.yiv728234317MsoNormal= =0A=09{margin:0in;margin-bottom:.0001pt;font-size:11.0pt;font-family:"sans-= serif";}=0A#yiv728234317 a:link, #yiv728234317 span.yiv728234317MsoHyperlin= k=0A=09{color:blue;text-decoration:underline;}=0A#yiv728234317 a:visited, #= yiv728234317 span.yiv728234317MsoHyperlinkFollowed=0A=09{color:purple;text-= decoration:underline;}=0A#yiv728234317 span.yiv728234317EmailStyle17=0A=09{= font-family:"sans-serif";color:windowtext;}=0A#yiv728234317 .yiv728234317Ms= oChpDefault=0A=09{}=0A _filtered #yiv728234317 {margin:1.0in 1.0in 1.0in 1.= 0in;}=0A#yiv728234317 div.yiv728234317WordSection1=0A=09{}=0A--></style><di= v><div class=3D"yiv728234317WordSection1"><p class=3D"yiv728234317MsoNormal= ">Hi,</p><p class=3D"yiv728234317MsoNormal"> </p><p class=3D"yiv72823= 4317MsoNormal">I was interested in using Amaya with the CSS capability of l= aying out an XML tree in a tabular way, using the display: table stuff.</p>= <p class=3D"yiv728234317MsoNormal"> </p><p class=3D"yiv728234317MsoNo= rmal">See for instance at <a rel=3D"nofollow" target=3D"_blank" href=3D"htt= p://linuxandfriends.com/2009/04/04/how-to-style-div-elements-as-tables/">ht= tp://linuxandfriends.com/2009/04/04/how-to-style-div-elements-as-tables/</a= ></p><p class=3D"yiv728234317MsoNormal"> </p><p class=3D"yiv728234317= MsoNormal">But Amaya displays the cells in two rows rather than in two colu= mns, for the attached example.</p><p class=3D"yiv728234317MsoNormal">  = ;</p><p class=3D"yiv728234317MsoNormal">Do you know why and if I can do som= ething to fix this?</p><p class=3D"yiv728234317MsoNormal"> </p><p class=3D"yiv728234317MsoNormal">Thanks</p><p class=3D"yiv728234317MsoNorma= l"> </p><p class=3D"yiv728234317MsoNormal">JL Meunier</p><p class=3D"= yiv728234317MsoNormal"> </p><p class=3D"yiv728234317MsoNormal">  = ;</p></div></div></div></blockquote></td></tr></table> ---1621158304-2085286960-1329346181=:36642--