- XML:
<_xml-stylesheet type="text/css" href="patria.css"_>
<patria>
<multiplex>
<film>Shrek</film>
<date>10.10.2010</date>
<time>10:10</time>
<time>22:22</time>
<tip>3d</tip>
<film>Up</film>
<date>11.10.2010</date>
<date>13.10.2010</date>
<time>12:30</time>
<tip>family</tip>
<tip>comedy</tip>
</multiplex>
<centru>
<film>Solt</film>
<date>15.10.2010</date>
<time>22:00</time>
<tip>action</tip>
</centru>
<riscani>
<film>Americanul</film>
<date>14.10.2010</date>
<time>12:00</time>
<tip>drama</tip>
</riscani>
</patria>
- CSS:
background-color:#6666CC;
width:100%;
font-family:fantasy;
}
multiplex{
display:inline-block;
margin-bottom:30pt;
margin-left:0;
background-color:#FF9999;
}
centru{
display:inline-block;
margin-bottom:30pt;
margin-left:0;
background-color:#FF9900;
}
riscani{
display:inline-block;
margin-bottom:30pt;
margin-left:0;
background-color:#FFFF33;
}
film{
color:#ff0000;
font-size:20pt;
}
date,time{
display:block;
color:#000000;
margin-left:20pt;
}
tip{
display:block;
color:#A52A2A;
margin-left:20pt;
}
- HTML:
<body>
<xml src="patria.xml" id="xmldso">
</xml>
<table datasrc="#xmldso" width="100%" border="1">
<thead>
<th>film</th>
<th>date</th>
<th>time</th>
<th>tip</th>
</thead>
<tr align="left">
<td><span datafld="film"></span></td>
<td><span datafld="date"></span></td>
<td><span datafld="time"></span></td>
<td><span datafld="tip"></span></td>
</table>
</body>
</html>