Hi,
I have the following xml-file:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?xml-stylesheet type="text/css" href="table.css"?>
<root>
<cat>
<elem1>content elem1</elem1>
<elem3>content elem3</elem3>
</cat>
<cat>
<elem1>content elem1</elem1>
<elem2>content elem2</elem2>
</cat>
<cat>
<elem1>content elem1</elem1>
<elem2>content elem2</elem2>
<elem3>content elem3</elem3>
</cat>
</root>
and the following css-file:
root:before {
display: table-row-group;
content: row(cell( "content elem1"),
cell("content elem2"),
cell("content elem3"),
font-weight, bold,
color, white,
background-color, #0000A0,
border-width, 1,
border-style, solid,
border-top-color, gray,
border-bottom-color, gray,
border-right-color, gray,
border-left-color, gray);
}
root {
display:table;
border: 1px solid black;
}
cat
{
display: table-row;
border: 1px solid black;
}
elem1
{
display: table-cell;
}
elem2
{
display: table-cell;
}
elem3
{
display: table-cell;
}
I want that the content of elem1 is in the row for elem1, the content of
elem2 is in the row for elem2 and the content for elem3 is in the row
for elem3.
Is there a way to achieve this?
Greetings
Fabian Stehle