<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<p>I am developing CSS for the oXygen authoring environment.</p>
<p>There are a number of DITA elements that are best displayed as a
table, for example, the following rendering and source code:</p>
<p><b>Source code:</b></p>
<p> <partsList><br>
<part><br>
<partDesc><br>
<p/><br>
</partDesc><br>
<partNumberList><br>
<partNum/><br>
</partNumberList><br>
<partQuantity/><br>
<partNotes/><br>
</part><br>
...<br>
</partsList><br>
</p>
<p><b>Rendering:</b></p>
<img moz-do-not-send="false"
src="cid:part1.54C8BEE2.C1151719@eberleinconsulting.com" alt=""
height="348" width="602">
<div class="moz-signature"><b>My question</b><br>
The way I have set the CSS up is generating labels for the
elements rendered as table cells. It's OK, but the better
presentation would be to render a table header. Anyone have
suggestions about how to do that?<br>
<br>
<b>CSS</b><br>
partsList {<br>
display:table;<br>
border:solid<br>
}<br>
part {<br>
display:table-row<br>
}<br>
partDesc {<br>
display:table-cell;<br>
border:solid<br>
}<br>
partNumberList {<br>
display:table-cell;<br>
border:solid<br>
}<br>
partQuantity {<br>
display:table-cell;<br>
border:solid<br>
}<br>
partNotes {<br>
display:table-cell;<br>
border:solid<br>
}<br>
/* Labels for table headers */<br>
*[class~="AMATtask/partDesc"]:before {<br>
content: "Description";<br>
font-weight: bold;<br>
font-size:small;<br>
}<br>
*[class~="AMATtask/partNumberList"]:before {<br>
content: "Part Number";<br>
font-weight: bold;<br>
font-size:small;<br>
}<br>
*[class~="AMATtask/partQuantity"]:before {<br>
content: "Quantity";<br>
font-weight: bold;<br>
font-size:small;<br>
}<br>
*[class~="AMATtask/partNotes"]:before {<br>
content: "Notes";<br>
font-weight: bold;<br>
font-size:small;<br>
}<br>
<br>
Many thanks.<br>
<br>
Best,<br>
Kris<br>
<br>
Kristen James Eberlein<br>
Chair, OASIS DITA Technical Committee<br>
Principal consultant, Eberlein Consulting<br>
<a class="moz-txt-link-abbreviated" href="http://www.eberleinconsulting.com">www.eberleinconsulting.com</a><br>
+1 919 622-1501; kriseberlein (skype)<br>
</div>
</body>
</html>