Tabellenzeile, wechsel von 2 Farben!

[cille]

Hi ho,
ich habe ein Problem, ich weis nicht wie ich in einer Tabelle ein Farbwechsel mit 2 Farben mache.
Die Tabelle ist einmal angelegt, der Inhalt wird mit PHP gefüllt,
aber nach jeder zeile soll die farbe 2 eingesetzt werden.
z.B.:
---------------------------------------------------
<table>
<tr>
<td>FARBE1</td>
</tr>
<tr>
<td>FARBE2</td>
</tr>
<tr>
<td>FARBE1</td>
</tr>
</table>
---------------------------------------------------

und das soll immer so weiter gehen egal wie viele zeilen noch folgen:
hier mal der CODE:

echo "<tr>".
"<td>[ <a href='index.php?user=del&row=".$row[id]."'>User Löschen</a> ]</td>".
"<td>$row[id]</td>".
"<td>$row[firma]</td>".
"<td>$row[name]</td>".
"</tr>";

Würde mich auf Hilfe freun,

mfg,
celli

 

[Maik]

Erzeuge hierfür zwei Klassen:

tr.bgColor_1 { }

tr.bgColor_2 { }

Wie sich die beiden Klassen nun mittels PHP automatisch "wechseln" lassen, kann ich dir als PHP-Unwissender leider nicht sagen.

 

[cille]

Dankeschön, gleichmal testen,

@michaelsinterface

ist genauso, als wenn man eine normale Tabelle in HTML so ausführt

Danke nochmal

 

[cille]

mhhh, krig es nicht so hin,
kannst du mir das bitte anhand einer Beispiel tabelle bitte zeigen?

Währe echt net, kenne mich net so gut aus mit CSS.
habe

class="tr.bgColor_1" probiert, aber funkt net

 

[Gumbo]

Ein einfaches Beispiel:

$i = 0;
while( … ) {
	echo '<tr class="'.($i++ % 2 == 0 ? 'even' : 'odd').'"> … </tr>';
}

Die Tabellenzeilen werden nun abwechselnd den Klassen „even“ und „odd“ zugewiesen.

 

[Maik]

[...] habe

class="tr.bgColor_1" probiert, aber funkt net

Im class-Attribut wird nicht der Elementname notiert:

<tr class="bgColor_1">...</tr>

 

[cille]

hi GUMBO,
danke für die Antwort,
aber irgendwie will dies nicht funktionieren:
meine einbindung

		$i = 0;
		
		while ($row = mysql_fetch_assoc($result)) {
				echo "	<tr class=\"".($i++ % 2 == 0 ? 'even' : 'odd')."\">".
						 "		<td><div align='center'>[ <a href='index.php?user=del&row=".$row[id]."'>User Löschen</a> ]</div></td>".
						 "		<td><div align='center'>$row[id]</div></td>".
						 "		<td><div align='center'>$row[firma]</div></td>".
						 "		<td><div align='center'>$row[name]</div></td>".
						 "	</tr>";
		}

und hier der CSS:

a.even { 
	background-color: #DEF1FA;
}

a.odd {
	background-color: #00CCFF;
}

hab ich da was falsch gemacht

 

[Gumbo]

Die tr-Elemente wurden auch den Klassen zugeordnet und nicht die a-Elemente. Daher müsstest du die Selektoren etwas ändern:

tr.even a { 
	background-color: #DEF1FA;
}
tr.odd a {
	background-color: #00CCFF;
}

 

[cille]

es wird nur der Breich "Löschen",
gewechselt, dabei fehlen die anderen zellen.

CODE ist ja oben.

danke nochmals,

mfg,
cille

 

[Gumbo]

Was genau möchtest du denn nun formatieren?