Tabelle bei jeder zweiten zeile anders färben

Roland

Hallo
ist das (färben jeder zweiten Zeile einer Tabelle) mit css realisierbar ohne jeder zweiten Zeile eine andere class zuzuweisen?

meine Variante wäre zur zeit so aber dass muss doch besser gehen oder?

CSS

.zeile0 td{
	background-color: #C6C6C6;
}
.zeile1 td{
	background-color: #FFFFFF;
}

HTML

<table>
<tr class="zeile0"><td>inhalt</td><td>inhalt</td></tr>
<tr class="zeile1"><td>inhalt</td><td>inhalt</td></tr>
<tr class="zeile0"><td>inhalt</td><td>inhalt</td></tr>
<tr class="zeile1"><td>inhalt</td><td>inhalt</td></tr>
</table>

lauras

CSS

tr:nth-of-type(N)

und N einfach durch even/odd bzw. 2n/2n+1 oder beliebig ersetzen

Grüße

Roland

ah danke

HTML

<style>
table tr td{
background-color: #DACBAC;
padding: 2px 10px;
}
table tr:nth-of-type(odd) td {background-color: #F5E7CC;} 
</style>	




<table>
<tr><td>inhalt</td><td>inhalt</td></tr>
<tr><td>inhalt</td><td>inhalt</td></tr>
<tr><td>inhalt</td><td>inhalt</td></tr>
<tr><td>inhalt</td><td>inhalt</td></tr>
</table>

Alles anzeigen

funst

kanufrosch

Cool kannte ich auch nicht nicht

PS: nur leider mal wieder nicht von IE unterstützt.

Trotzdem Danke

Roland

hast wohl windows XP^^

Also bei Internetexplorer 9 gehts.

kanufrosch

Ähhmmm NEIN ?? Win7

Allerdings nur mit IE 8 und der unterstützt es noch nicht aber es ist schön wen er es in Version 9 tut
Denn das heißt ich werde es auch zukünftig nutzen, da ich der Meinung bin nen aktuellen Browser zu haben sollte kein Problem sein... (auch wenn das manche anders sehen)

Danke

Kanu

PS: Hab einfach bis jetzt nicht auf 9 geupgraded weil ich ihn absolut ausschließlich zur Überprüfung der Browserkompatibilität meiner Seiten nutze... (obwohl man dazu dann vlt. auch ne neue Version nutzen sollte ?! )

lauras

Macht absolut nix, wenn IE das nicht unterstützt, da es die Funktionalität der Seite i.d.R. nicht beinträchtigen sollte, wenn die Tabellenzeilen nicht eingefärbt sind

Jetzt mitmachen!