CSS-Tag für Tabellenzeilen in abwechselnder Farbe

[NetLook]

Hallo!

Ich habe mal gelesen, das es ein CSS-Tag gibt, wo die Tabellenzeilen automatisch in 2 unterschiedlichen Farben abwechselnd gezeigt werden.

1 Zeile Blau
2 Zeile Hellblau
1 Zeile Blau
4 Zeile Hellblau

Aber ich finde es nicht mehr?!

Gruß
NetLook

[Cheatah]

Hi,

Ich habe mal gelesen, das es ein CSS-Tag gibt,

da hast Du falsch gelesen. Es gibt Selektoren, Deklarationen, Eigenschaften, Werte, Regeln und so manches mehr, aber keine Tags.

wo die Tabellenzeilen automatisch in 2 unterschiedlichen Farben abwechselnd gezeigt werden.

http://www.w3.org/TR/css3-selectors/#nth-child-pseudo

Cheatah

[NetLook]

Hallo und danke erstmal!

Folgendes habe ich probiert, klappt aber nicht

CSS:
<style type="text/css">
<!--
tr:nth-child(odd) {background-color:#FFFFFF;}
tr:nth-child(even) {background-color: #7F987F;}
-->
</style>

PHP:

  
while ($row = mysql_fetch_array($res, MYSQL_ASSOC)) {  
echo "<tr class=\"text\">";  
   printf("<td height=\"20\" align=\"left\" valign=\"middle\" class=\"BorderRight50pznt\">".$row["Feld1"]."</td>");  
   printf("<td height=\"20\" align=\"left\" valign=\"middle\" class=\"BorderRight50pznt\">".$row["Feld2"]."</td>");  
   printf("<td height=\"20\" align=\"left\" valign=\"middle\" class=\"BorderRight50pznt\">".$row["Feld3"]."</td>");  
echo "</tr>";  
   }  

Oder geht das nur mit XML?

Gruß
NetLook

[Cheatah]

Hi,

Folgendes habe ich probiert, klappt aber nicht

"klappt nicht" klappt nicht. Davon abgesehen unterstützt kein mir bekannter Browser diese Pseudo-Klasse (siehe Frage von rfb). Lediglich Dean Edwards' IE7-Scripts haben hierfür eine Implementierung.

Oder geht das nur mit XML?

Es gibt zwar ein paar Zusatzdingelchen für HTML (z.B. Klassenselektoren), aber von derlei Spezialfällen abgesehen ist CSS für XML und SGML-nicht-XML identisch. Insbesondere gibt es nach meinem Kenntnisstand für HTML bei CSS nicht _weniger_ als für andere ML.

Cheatah

[Marian]

Hallo NetLook,

Folgendes habe ich probiert, klappt aber nicht

Wie schon gesagt, funktioniert das (noch) in keinem Browser, da CSS3 weder entfültig fertig noch veröffentlicht ist. Wenn du die Tabelle aber sowieso mit PHP erzeugst, kannst du ja damit entsprechende Klassen einbauen (in tr), so à la

$oddeven = 'odd';  
while(blabla)  
{  
 $oddeven = ($oddeven == 'odd') ? 'even' : 'odd';  
}

Viele Grüße aus Freiburg,
Marian

[rfb]

Moin

http://www.w3.org/TR/css3-selectors/#nth-child-pseudo

unterstützt das überhaupt schon irgendein Browser?

Gruß
rfb

[Mathias Brodala]

Hallo rfb.

http://www.w3.org/TR/css3-selectors/#nth-child-pseudo

unterstützt das überhaupt schon irgendein Browser?

Ja, Konqueror und damit sicher auch Safari.

Einen schönen Montag noch.

Gruß, Mathias