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