[css] om en om table-row achtergrond met selectors

[phaas]

Weet iemand hoe je simpel met selectors in CSS automatisch in tabellen om de rij de achtergrond kleur kan zetten?
i.e. het standaard lichtgrijs-grijs-lichtgrijs-grijs-lichtg... enz. princiepe?
Ik heb dit al zo vaak gezien op websites met CSS tutors maar ik kan het met geen mogelijkheid meer terugvinden. 't moet gewoon über makkelijk zijn, zelfs zo makkelijk dat het nergens meer uitgelegd wordt

[Rickets]

http://www.alistapart.com/articles/zebratables/

Maar zo lastig is het toch niet om zoiets zelf te bedenken?

[ Voor 41% gewijzigd door Rickets op 14-11-2004 19:49 ]

[Verwijderd]

of als je even wilt wachten op css 3:

code:

tr:nth-child(odd) {
    background-color: #E7E7E7;
}

of wat ik nu doe op m'n site (alleen zie je het niet omdat er nog geen tabellen zijn):
m'n xhtml aanpassen met een XSLT enzo extra classes aan oneven tr's toevoegen

[phaas]

Ah, ik dacht eerlijk gezegt nl. dat dit gewoon mogelijk was met CSS2 _zonder_ javascript etc.

Nouja, iig bedankt!

[Verwijderd]

Kan wel, met een class selector oid. Maar dan moet je wel je markup aanpassen ;-)

[ikke007]

simpelig:

table{
width: 300px;
}
tr{
background-color: red;
}
tr.uneven{
background-color: yellow;
}


<table>
<tr>
<td>bla</td>
</tr>
<tr class="uneven">
<td>bla2</td>
</tr>
<tr>
<td>bla</td>
</tr>
</table>


Enigste wat ik mij af vraag:

is er een css attribute om het volgende te evenaren:

<table cellspacing=0 cellpadding=0>
want als ik
td{
margin:0px;
padding:0px;
}
doe werkt dit niet, evenals op table niveau etc...


Iemand?

[Verwijderd]

uneven -> odd

en met die anderen: border-collapse, is dat wat je wilt?

[ Voor 69% gewijzigd door Verwijderd op 15-11-2004 14:30 ]

[OkkE]

Verwijderd schreef op maandag 15 november 2004 @ 14:27:
uneven -> odd

en met die anderen: border-collapse, is dat wat je wilt?

code:

table { border-collapse: collapse; }

Is het inderdaad.

Je moet er dan alleen wel even erg in hebben dat je alleen aan je TD's een border mee geeft, mocht je dat willen. Zet je een border om alleen je tabel worden de cellen niet gescheiden en zet je de border om allemaal (TDs en table) dan zis de buitenste border dubbel.