cille
Erfahrenes Mitglied
Hi ho,
ich versuche gerade einen Farbwechsel nach jeder Zeile zu en.
Aber Irgendwie versaut er mir da etwas
.
Ich würde gerne das nach jeder zelle die 2. Farbe in Kraft Tritt.
So z.B.:
FARBE1 | FARBE1 | FARBE1
FARBE2 | FARBE2 | FARBE2
FARBE1 | FARBE1 | FARBE1
FARBE2 | FARBE2 | FARBE2
usw...
Ich habe schon etwas vorgeleistet:
Hier der CSS Code dazu:
Hoffe es kann mir einer Weiterhelfen.
Sonnige Grüße,
cille
ich versuche gerade einen Farbwechsel nach jeder Zeile zu en.
Aber Irgendwie versaut er mir da etwas

Ich würde gerne das nach jeder zelle die 2. Farbe in Kraft Tritt.
So z.B.:
FARBE1 | FARBE1 | FARBE1
FARBE2 | FARBE2 | FARBE2
FARBE1 | FARBE1 | FARBE1
FARBE2 | FARBE2 | FARBE2
usw...
Ich habe schon etwas vorgeleistet:
PHP:
<?php
$i = 0;
while($data = mysql_fetch_assoc($result01)) {
echo "<div class='".($i++ % 2 == 0 ? 'userlisttb01_body01' : 'userlisttb01_body02')."'>".$data["UserID"]."</div>".
"<div class='".($i++ % 2 == 0 ? 'userlisttb02_body01' : 'userlisttb02_body02')."'>".$data["Username"]."</div>".
"<div class='".($i++ % 2 == 0 ? 'userlisttb03_body01' : 'userlisttb03_body02')."'>".$data["Team"]."</div>".
"<div class='".($i++ % 2 == 0 ? 'userlisttb04_body01' : 'userlisttb04_body02')."'>".$data["reg_seit"]."</div>".
"<div class='".($i++ % 2 == 0 ? 'userlisttb05_body01' : 'userlisttb05_body02')."'><a href='index.php?site=user&id=".$data["UserID"]."'></a></div>".
"<div class='userliststrich'></div>";
}
?>
Hier der CSS Code dazu:
HTML:
.userliststrich { height: 2px; clear: both; background-color: #CCCCCC; width: 530px; }
.userlisttb01_body01 { float: left; width: 50px; text-align: center; background-color: #CCCCCC; padding: 4px; }
.userlisttb02_body01 { float: left; width: 150px; text-align: center; background-color: #CCCCCC; padding: 4px;}
.userlisttb03_body01 { float: left; width: 200px; text-align: center; background-color: #CCCCCC; padding: 4px;}
.userlisttb04_body01 { float: left; width: 60px; text-align: center; background-color: #CCCCCC; padding: 4px;}
.userlisttb05_body01 { float: left; width: 30px; background-color: #515151; padding: 4px;}
.userlisttb01_body02 { float: left; width: 50px; text-align: center; background-color: #999999; padding: 4px; }
.userlisttb02_body02 { float: left; width: 150px; text-align: center; background-color: #999999; padding: 4px;}
.userlisttb03_body02 { float: left; width: 200px; text-align: center; background-color: #999999; padding: 4px;}
.userlisttb04_body02 { float: left; width: 60px; text-align: center; background-color: #999999; padding: 4px;}
.userlisttb05_body02 { float: left; width: 30px; background-color: #999999; padding: 4px;}
Hoffe es kann mir einer Weiterhelfen.
Sonnige Grüße,
cille