Heat Vision
Aktives Mitglied
Thread Starter
- Dabei seit
- 26.01.2005
- Beiträge
- 399
- Reaktionspunkte
- 98
Hallo zusammen,
ich habe ein kleines Problem, meine Tabelle mit CSS zu formatieren. Diese sieht etwa so aus:
<table>
<tr>
<td class="caption">...</td>
<td class="data">...</td>
</tr>
<tr>
<td class="caption">...</td>
<td class="data">...</td>
</tr>
<span class="highlight">
<tr>
<td class="caption">...</td>
<td class="data">...</td>
</tr>
</span>
</table>
Ich möchte nun gern einzelne Tabellenzellen der Klasse data mit nem roten Rahmen versehen, und zwar, indem ich ein span-Tag um die ganze Zeile herum setze, und das dort enthaltene td-Element dann entsprechend formatiert wird (die einzelnen Zeilen werden von einem XSLT-Stylesheet erzeugt, deshalb ist das span-Tag um die ganze Zeile herum).
Die CSS-Klassen sind etwa so...
.caption {
font-weight: bold;
vertical-align: top;
background-color: #FFD79F;
}
.data {
background-color: #FFD79F;
}
span[ class= highlight] ???? {
border: 2px solid red;
}
Was ich jetzt nicht gebacken kriege, ist ein CSS-Ausdruck, der sagt, daß:
ein innerhalb eines span-Elements mit der Klasse "highlight" enthaltenes td-Element mit der Klasse "data" zusätzlich einen roten Rahmen erhält.
Ist das überhaupt so lösbar?
cheers,
oLi
ich habe ein kleines Problem, meine Tabelle mit CSS zu formatieren. Diese sieht etwa so aus:
<table>
<tr>
<td class="caption">...</td>
<td class="data">...</td>
</tr>
<tr>
<td class="caption">...</td>
<td class="data">...</td>
</tr>
<span class="highlight">
<tr>
<td class="caption">...</td>
<td class="data">...</td>
</tr>
</span>
</table>
Ich möchte nun gern einzelne Tabellenzellen der Klasse data mit nem roten Rahmen versehen, und zwar, indem ich ein span-Tag um die ganze Zeile herum setze, und das dort enthaltene td-Element dann entsprechend formatiert wird (die einzelnen Zeilen werden von einem XSLT-Stylesheet erzeugt, deshalb ist das span-Tag um die ganze Zeile herum).
Die CSS-Klassen sind etwa so...
.caption {
font-weight: bold;
vertical-align: top;
background-color: #FFD79F;
}
.data {
background-color: #FFD79F;
}
span[ class= highlight] ???? {
border: 2px solid red;
}
Was ich jetzt nicht gebacken kriege, ist ein CSS-Ausdruck, der sagt, daß:
ein innerhalb eines span-Elements mit der Klasse "highlight" enthaltenes td-Element mit der Klasse "data" zusätzlich einen roten Rahmen erhält.
Ist das überhaupt so lösbar?
cheers,
oLi