CSS display: table
"Meunier, Jean-Luc" <[email protected]> Tue, 14 Feb 2012 16:45:47 +0100
| Newsgroups | gmane.comp.web.amaya.general |
|---|---|
| Message-ID | <0D0D786CEF7A94479C15F85C85EA2A1701D65CF52B@aigoual.xrce.xeroxlabs.com> |
--_004_0D0D786CEF7A94479C15F85C85EA2A1701D65CF52Baigoualxrcexe_
Content-Type: multipart/alternative;
boundary="_000_0D0D786CEF7A94479C15F85C85EA2A1701D65CF52Baigoualxrcexe_"
--_000_0D0D786CEF7A94479C15F85C85EA2A1701D65CF52Baigoualxrcexe_
Content-Type: text/plain; charset="us-ascii"
Content-Transfer-Encoding: quoted-printable
Hi,
I was interested in using Amaya with the CSS capability of laying out an XM=
L tree in a tabular way, using the display: table stuff.
See for instance at http://linuxandfriends.com/2009/04/04/how-to-style-div-=
elements-as-tables/
But Amaya displays the cells in two rows rather than in two columns, for th=
e attached example.
Do you know why and if I can do something to fix this?
Thanks
JL Meunier
--_000_0D0D786CEF7A94479C15F85C85EA2A1701D65CF52Baigoualxrcexe_
Content-Type: text/html; charset="us-ascii"
Content-Transfer-Encoding: quoted-printable
<html xmlns:v=3D"urn:schemas-microsoft-com:vml" xmlns:o=3D"urn:schemas-micr=
osoft-com:office:office" xmlns:w=3D"urn:schemas-microsoft-com:office:word" =
xmlns:m=3D"http://schemas.microsoft.com/office/2004/12/omml" xmlns=3D"http:=
//www.w3.org/TR/REC-html40"><head><meta http-equiv=3DContent-Type content=
=3D"text/html; charset=3Dus-ascii"><meta name=3DGenerator content=3D"Micros=
oft Word 12 (filtered medium)"><style><!--
/* Font Definitions */
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri","sans-serif";
color:windowtext;}
..MsoChpDefault
{mso-style-type:export-only;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext=3D"edit" spidmax=3D"1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext=3D"edit">
<o:idmap v:ext=3D"edit" data=3D"1" />
</o:shapelayout></xml><![endif]--></head><body lang=3DEN-US link=3Dblue vli=
nk=3Dpurple><div class=3DWordSection1><p class=3DMsoNormal>Hi,<o:p></o:p></=
p><p class=3DMsoNormal><o:p> </o:p></p><p class=3DMsoNormal>I was inte=
rested in using Amaya with the CSS capability of laying out an XML tree in =
a tabular way, using the display: table stuff.<o:p></o:p></p><p class=3DMso=
Normal><o:p> </o:p></p><p class=3DMsoNormal>See for instance at <a hre=
f=3D"http://linuxandfriends.com/2009/04/04/how-to-style-div-elements-as-tab=
les/">http://linuxandfriends.com/2009/04/04/how-to-style-div-elements-as-ta=
bles/</a><o:p></o:p></p><p class=3DMsoNormal><o:p> </o:p></p><p class=
=3DMsoNormal>But Amaya displays the cells in two rows rather than in two co=
lumns, for the attached example.<o:p></o:p></p><p class=3DMsoNormal><o:p>&n=
bsp;</o:p></p><p class=3DMsoNormal>Do you know why and if I can do somethin=
g to fix this?<o:p></o:p></p><p class=3DMsoNormal><o:p> </o:p></p><p c=
lass=3DMsoNormal>Thanks<o:p></o:p></p><p class=3DMsoNormal><o:p> </o:p=
></p><p class=3DMsoNormal>JL Meunier<o:p></o:p></p><p class=3DMsoNormal><o:=
p> </o:p></p><p class=3DMsoNormal><o:p> </o:p></p></div></body></=
html>=
--_000_0D0D786CEF7A94479C15F85C85EA2A1701D65CF52Baigoualxrcexe_--
--_004_0D0D786CEF7A94479C15F85C85EA2A1701D65CF52Baigoualxrcexe_
Content-Type: application/octet-stream; name="xhtml-tabled-1.xhtml"
Content-Description: xhtml-tabled-1.xhtml
Content-Disposition: attachment; filename="xhtml-tabled-1.xhtml"; size=929;
creation-date="Tue, 14 Feb 2012 12:29:41 GMT";
modification-date="Tue, 14 Feb 2012 12:29:41 GMT"
Content-Transfer-Encoding: base64
PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBodG1sIFBV
QkxJQyAiLS8vVzNDLy9EVEQgWEhUTUwgMS4wIFN0cmljdC8vRU4iDQoiaHR0cDovL3d3dy53My5v
cmcvVFIveGh0bWwxL0RURC94aHRtbDEtc3RyaWN0LmR0ZCI+DQo8aHRtbCB4bWxucz0iaHR0cDov
L3d3dy53My5vcmcvMTk5OS94aHRtbCIgbGFuZz0iZW4tVVMiPg0KICAgIDxoZWFkPjx0aXRsZT50
YWJsZSB1c2luZyBkaXZzPC90aXRsZT4NCiAgICAgICAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4N
CiAgICAgICAgICAgIC5kaXYtdGFibGV7ZGlzcGxheTp0YWJsZTsgYm9yZGVyOjFweCBzb2xpZCAj
MDAzMzk5O30NCiAgICAgICAgICAgIC5kaXYtdGFibGUtY2FwdGlvbntkaXNwbGF5OnRhYmxlLWNh
cHRpb247IGJhY2tncm91bmQ6IzAwOTk5OTt9DQogICAgICAgICAgICAuZGl2LXRhYmxlLXJvd3tk
aXNwbGF5OnRhYmxlLXJvdzt9DQogICAgICAgICAgICAuZGl2LXRhYmxlLWNvbHtkaXNwbGF5OnRh
YmxlLWNlbGw7IHBhZGRpbmc6IDVweDsgYm9yZGVyOiAxcHggc29saWQgIzAwMzM5OTt9DQogICAg
ICAgIDwvc3R5bGU+DQogICAgPC9oZWFkPg0KICAgIDxib2R5Pg0KICAgICAgICA8ZGl2IGNsYXNz
PSJkaXYtdGFibGUiPg0KICAgICAgICAgICAgPGRpdiBjbGFzcz0iZGl2LXRhYmxlLWNhcHRpb24i
PlRoaXMgaXMgYSBjYXB0aW9uPC9kaXY+DQogICAgICAgICAgICA8ZGl2IGNsYXNzPSJkaXYtdGFi
bGUtcm93Ij4NCiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJkaXYtdGFibGUtY29sIj4xc3Qg
Q29sdW1uPC9kaXY+DQogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZGl2LXRhYmxlLWNvbCI+
Mm5kIENvbHVtbjwvZGl2Pg0KICAgICAgICAgICAgPC9kaXY+DQogICAgICAgIDwvZGl2Pg0KICAg
IDwvYm9keT4NCjwvaHRtbD4=
--_004_0D0D786CEF7A94479C15F85C85EA2A1701D65CF52Baigoualxrcexe_--