Zum Inhalt springen

Zebratabelle

Erstellt am 6. März 2007 · 2 Antworten · letzte Antwort am 6. März 2007

Tags: HTML & CSS, Frage

bbb ·

Weiss jemand, wie man so ne Zebratabelle innerhalb TYPO3 umgesetzt kriegt? Ich dachte mir, es ist vielleicht möglich, die Tabellen mit alternierenden CSS Klassen zu versehen innerhalb TS. Aber das krieg ich net so richtig hin.

Wie macht ihr eure Zebratabellen? (Also helle Zeile, dunkle Zeile, helle Zeile, dunkle Zeile... ) :o

Gibt´s da entsprechende Extensions, die das können oder js im Head einbinden?

thx in advance, bbb

Kilkenny ·

Hallo,
wenn Du das Contentelement Tabelle nutzt, dann kannst du die Tabelle mit CSS-Wunderbar formatieren. Hier kannst du ja vier Layoutvarianten wählen
Die geraden Zeilen heißen <tr class="tr-even... und die ungeraden Zeilen heißen <tr class="tr-odd...
Das kannst du ja dann mit CSS wunderbar ansprechen und dir dein Zebra Menü basteln. Sogar die erste und die letzte Zeile ist gesondert aufgeführt, wodurch Du diese auch noch extra ansprechen kannst, etwa mit:

.contenttable-XXX .tr-even{
background-color:#000;
}

.contenttable-XXX .tr-odd{
background-color:#fff;
}

.contenttable-XXX .tr-last {
background-color:#c6c6c6;
}

Gruß

bbb ·

dankeschön für die schnelle und ausführliche antwort, das bringt mich weiter!

big shouts, bbb