✔ <tr> Hintergrundfarbe

[alex130]

Hi
Ich hab ne Frage und zwar, man kann doch im <tr> tag einen Hintergrund definieren, oder? Denn ich habe das gemacht und es funktoniert aber nicht.
Hat jemand ne andere Lösung, damit ich 2 Spalten zu einer Zeile machen bzw. die selbe Hintergrundfarbe definieren kann?
Danke

 

[maeTimmae]

Normalerweise funktioniert das problemlos, deshalb solltest du überprüfen, ob eventuell nicht die Definitionen für eine Zelle die Spaltenhintergrundfarbe überschreiben.

Alternativ wäre folgender Ansatz möglich:

tr.classname td { background: #abcdef; }
/* statt zB */
tr.classname { background: #abcdef; }

 

[Maik]

Hi!

[...] man kann doch im <tr> tag einen Hintergrund definieren, oder? Denn ich habe das gemacht und es funktoniert aber nicht.
Hat jemand ne andere Lösung, damit ich 2 Spalten zu einer Zeile machen bzw. die selbe Hintergrundfarbe definieren kann?

Wenn du uns mitteilst, wie du es versucht hast, kann man sicherlich mehr dazu sagen.

Ansonsten stellt es kein Problem dar, für eine Tabellenzeile eine Hintergrundfarbe einzurichten.

 

[alex130]

Ja gerne, habe ich total vergessen...

for($i=0;$i<$num_rows;$i++)
    {
        {
        ?>
        <tr class="row_<?php echo $i%2; ?>">
        <td style="width:;"><a href="<?php echo $dl['id']; ?>-show_dl.html"><?php echo $dl['title']; ?>
        (<?php echo $num_rows; ?>)</a></td>
        
        <td style="text-align:right; width:160px;"><?php echo date('d.m.Y | H:i:s', ($dl['upload_date'] == '' ? 0 : $dl['upload_date'])); ?></a>
        </td>
        </tr>
        <?php
        }

Und hier der CSS Code, habs schon so

tr.row_0 td {
    background-color: #FFFFFF;
}

tr.row_1 td {
    background-color: #E1E8F1;
}

und so versucht:

.row_0 {
    background-color: #FFFFFF;
}
.row_1 {
    background-color: #E1E8F1;
}

 

[Maik]

Zeig doch bitte mal den vom Browser ausgegebenen HTML-Code (ohne PHP), denn beide Stylesheets funktionieren bei mir soweit.

 

[alex130]

Ok, hier:

<tr class="row_0">

		<td style="width:;"><a href="1-show_dl.html">test		(2)</a></td>
		
		<td style="text-align:right; width:160px;">04.08.2007 | 23:44:48</a>
		</td>
		</tr>
				<tr class="row_1">
		<td style="width:;"><a href="1-show_dl.html">test		(2)</a></td>
		
		<td style="text-align:right; width:160px;">04.08.2007 | 23:44:48</a>

		</td>
		</tr>
				<tr class="row_0">
		<td style="width:;"><a href="2-show_dl.html">test2		(2)</a></td>
		
		<td style="text-align:right; width:160px;">04.08.2007 | 23:44:48</a>
		</td>
		</tr>
				<tr class="row_1">

		<td style="width:;"><a href="2-show_dl.html">test2		(2)</a></td>
		
		<td style="text-align:right; width:160px;">04.08.2007 | 23:44:48</a>
		</td>
		</tr>

 

[maeTimmae]

Da sehe ich nicht so das Problem drin. Interessant wäre aber natürlich zu wissen, ob eventuell gewichtetere Definitionen die neuen überschreiben? Dagegen würde ein !important ganz nützlich sein vor dem Semikolon und nach allen Beschreibungen des Elementattributs.

 

[Maik]

Anscheinend hast du irgendwo eine Regel deklariert, die diese überschreibt, denn der Code-Schnippsel funktioniert tadellos - hab hier zu Demozwecken den weißen Hintergrund auf gelb umgestellt.

 

[alex130]

Hab mich falsch ausgedrückt, sry.
Ich wollte dass die Abstände zwischen den zwei Spalten weg sind, habs mal markiert um es zu verdeutlichen.
Danke

 

[Maik]

<table cellspacing="0">...</table>

Oder auf CSS-Basis

table { border-spacing:0; }

was aber vom IE weiterhin nicht unterstützt wird.