Farbige Tabellenzeilen

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
Post Reply
Dejavu

Farbige Tabellenzeilen

Post by Dejavu »

Hallo,
gibt es eine schöne Möglichkeit jede 2.te Tabellenzeile andersfarbig anzuzeigen.

Derzeit benutze ich einen weg per CSS 3.0 aber leider kann der IE erst ab Version 9 es richtig anzeigen (alle anderen Browser schon seit längeren ...)

Code: Select all

/*Calendar upcominglist template */
th {text-align:left; padding:0px 10px; background: #dadada;}
#kalender td {padding:0px 10px; border:0px;}
#kalender tr:nth-child(even) { background-color: #dadada;}
#kalender tr:nth-child(odd) {background-color: #FFFFFF;}
Ich hoffe ihr habt einen Tipp wie ich die gleiche anzeige für alle Browser hinbekommen kann :)
uniqu3

Re: Farbige Tabellenzeilen

Post by uniqu3 »

jQuery lösung?

Code: Select all

$("tr:nth-child(odd)").addClass("odd");
NaN

Re: Farbige Tabellenzeilen

Post by NaN »

Wie kommt denn die Tabelle zustande?
Vielleicht könnte man das auch schon im Template lösen.
cyberman

Re: Farbige Tabellenzeilen

Post by cyberman »

NaN wrote: Vielleicht könnte man das auch schon im Template lösen.
Genau, Smarty bringt dafür das cycle-Plugin mit ;)

http://www.smarty.net/manual/de/languag ... .cycle.php

Wäre in deinem Fall etwas in der Art

Code: Select all

<tr style="background-color: {cycle values='#fff,#dadada'}">
Dejavu

Re: Farbige Tabellenzeilen

Post by Dejavu »

Perfekt - der Cycle Befehl löst das Problem :)
Post Reply

Return to “Layout und Design”