Page 1 of 1

Farbige Tabellenzeilen

Posted: Sat Jul 10, 2010 10:10 am
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 :)

Re: Farbige Tabellenzeilen

Posted: Sat Jul 10, 2010 10:24 am
by uniqu3
jQuery lösung?

Code: Select all

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

Re: Farbige Tabellenzeilen

Posted: Sat Jul 10, 2010 12:42 pm
by NaN
Wie kommt denn die Tabelle zustande?
Vielleicht könnte man das auch schon im Template lösen.

Re: Farbige Tabellenzeilen

Posted: Sun Jul 11, 2010 4:19 am
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'}">

Re: Farbige Tabellenzeilen

Posted: Sun Jul 11, 2010 7:43 am
by Dejavu
Perfekt - der Cycle Befehl löst das Problem :)