Klasse in Tabelle ansprechen

[mrm]

Hallo,

wie spreche ich die Klasse "td-0" in dieser Tabelle an?

.contenttable contenttable-1 td-0 {...} funktioniert nicht. Die Tabelle wird unterschieden mit contenttable-i (i=1;2;3). Es gibt ausserdem contenttable-2 und contenttable-3 auf der gleichen Seite!

<table class="contenttable contenttable-1">
   <tr class="tr-even tr-0">
        <td class="td-0">19.10.07</td>
        <td class="td-last">Test</td>
   </tr>
</table>

[Struppi]

wie spreche ich die Klasse "td-0" in dieser Tabelle an?

muss das so kompliziert aufgebaut sein?

<table class="contenttable contenttable-1">
   <tr class="tr-even tr-0">
        <td class="td-0">19.10.07</td>
        <td class="td-last">Test</td>
   </tr>
</table>

Du hast mindestens diese Möglichkeiten:
.contenttable .tr-even .td-0 {}
.contenttable .tr-0 .td-0 {}
.contenttable-1 .tr-even .td-0 {}
.contenttable-1 .tr-0 .td-0 {}
.contenttable tr .td-0 {}
.contenttable-1 tr .td-0 {}
.contenttable .td-0 {}
.contenttable-1 .td-0 {}
.tr-even .td-0 {}
.tr-0 .td-0 {}

Struppi.

[mrm]

wie spreche ich die Klasse "td-0" in dieser Tabelle an?

muss das so kompliziert aufgebaut sein?

Ja, es geht um die Tabellenformatierung in Typo3, dort soll der Redakteur, welcher Inhalt im Backend einpflegt, die Wahl zwischen verschiendenen Layouts haben. Hierbei hat er die Wahl zwischen 3 Tabellen Layouts. Typo generiert diesen Code. Daher ist es am einfachsten diese mit CSS zu formatieren.

<table class="contenttable contenttable-1">
   <tr class="tr-even tr-0">
        <td class="td-0">19.10.07</td>
        <td class="td-last">Test</td>
   </tr>
</table>

Du hast mindestens diese Möglichkeiten:
.contenttable .tr-even .td-0 {}
.contenttable .tr-0 .td-0 {}
.contenttable-1 .tr-even .td-0 {}
.contenttable-1 .tr-0 .td-0 {}
.contenttable tr .td-0 {}
.contenttable-1 tr .td-0 {}
.contenttable .td-0 {}
.contenttable-1 .td-0 {}
.tr-even .td-0 {}
.tr-0 .td-0 {}

Struppi.

Vielen Dank, klappt super!

MfG
Marlon

[Gunnar Bittersmann]

Hello out there!

wie spreche ich die Klasse "td-0" in dieser Tabelle an?

Klassen sprichst du grundsätzlich mit dem Klassenselektor an. [CSS2 §5.8.3] Wenn du Klasen als Nachfahren selektierst [CSS2 §5.5], dann eben: '*.foo *.bar' oder kürzer '.foo .bar' [CSS2 §5.3]

.contenttable contenttable-1 td-0 {...} funktioniert nicht.

Das würde ein 'td-0'-_Element_ selektieren, das Nachfahre eines 'contenttable-1'-_Elements_ ist, welches Nachfahre eines Elements der Klasse 'contenttable' ist.

Die Tabelle wird unterschieden mit contenttable-i (i=1;2;3). Es gibt ausserdem contenttable-2 und contenttable-3 auf der gleichen Seite!

<table class="contenttable contenttable-1">

Könntest du selektieren mit '.contenttable.contenttable-1'; allerdings sind IEs dafür zu blöd. Aber '.contenttable-1' reicht doch, oder?

Elemente der Klasse 'tr-0' innerhalb der Tabelle selektierst du also mit '.contenttable-1 .tr-0'.

See ya up the road,
Gunnar

[marlon]

Alles klar, danke Dir!
Läuft in beiden Browsern.