How can I represent an xml element with some attributes (id, name, ...) in a table with a css file ?
Posted: Mon Aug 06, 2012 11:39 am
Hello,
I have already represent a xml element in a table with a css file (table, table-row, table-cell, ...).
It works well !
But now, I meet a problem with an other xml element which is composed by many attributes (Id, name, refs, ...) and I can't build a table to represent this.
Example :
<hotspot id="fig-0001-gra-0001-hot-0000" applicationStructureIdent="hot000" applicationStructureName="0" hotspotType="CALLOUT" hotspotTitle="BICYCLE" objectDescr="BICYCLE"/>
hotspot {
display: table-row;
padding: 0.3em;
border: 1px solid gray;
vertical-align: top;
text-align: center;
}*/
hotspot[id] {
display: table-cell;
padding: 0.3em;
border: 1px solid gray;
vertical-align: top;
text-align: center;
content:attr(id);
}
hotspot[applicationStructureIdent] {
display: table-cell;
padding: 0.3em;
border: 1px solid gray;
vertical-align: top;
text-align: center;
content:attr(applicationStructureIdents);
}
I want represent this element in a Row, where each attribute is a cell. How can I do that ? Maybe Author Oxygen proposes a solution for this typically xml problem ?
Do you have some ideas ?
Thanks in advance for your answer.
I have already represent a xml element in a table with a css file (table, table-row, table-cell, ...).
It works well !
But now, I meet a problem with an other xml element which is composed by many attributes (Id, name, refs, ...) and I can't build a table to represent this.
Example :
<hotspot id="fig-0001-gra-0001-hot-0000" applicationStructureIdent="hot000" applicationStructureName="0" hotspotType="CALLOUT" hotspotTitle="BICYCLE" objectDescr="BICYCLE"/>
hotspot {
display: table-row;
padding: 0.3em;
border: 1px solid gray;
vertical-align: top;
text-align: center;
}*/
hotspot[id] {
display: table-cell;
padding: 0.3em;
border: 1px solid gray;
vertical-align: top;
text-align: center;
content:attr(id);
}
hotspot[applicationStructureIdent] {
display: table-cell;
padding: 0.3em;
border: 1px solid gray;
vertical-align: top;
text-align: center;
content:attr(applicationStructureIdents);
}
I want represent this element in a Row, where each attribute is a cell. How can I do that ? Maybe Author Oxygen proposes a solution for this typically xml problem ?
Do you have some ideas ?
Thanks in advance for your answer.