Kann mir jemand helfen?

[overclocker]

Hallo,

ich habe eine Tabelle erstellt, bei der leider der Body mit dem Hintergrund des Headers angezeigt werden.

Ich hätte gerne eine Tabelle, die wie folgt aufgebaut ist:

Überschrift
Spaltenüberschriften | 1 | 2 (Hintergrundfarbe = grau)
Daten | 1 | 2 (Hintergrundfarbe = weiß)

Leider haben die Daten bei mir die Hintergrundfarbe der Spaltenüberschriften.

Für viele von Euch ist das sicherlich ein Klacks, den Fehler zu finden.


<div id="palresult" class="block collapse">
<h2 class="blockhead">Angebotsübersicht
<a class="collapse" id="collapse_cel_dummy" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse{vb:raw vbcollapse.collapseimg_cel_dummy_img}_40b.png" alt="{vb:rawphrase collapse_this_category}" /></a>
</h2>

<div class="blockbody formcontrols collapse" id="cel_dummy">
<h1 class="blocksubhead"> <table id="epal_table" width="100%">
<tr class="columnsort">
<th><a class="blocksubhead"><center>Typ</center></a></th>
<th><a class="blocksubhead"><center>Tausch möglich</center></a></th>
<th><a class="blocksubhead"><center>Anbieter</center></a></th>
<th><a class="blocksubhead"><center>Land</center></a></th>
<th><a class="blocksubhead"><center>Plz</center></a></th>
<th><a class="blocksubhead"><center>Ort</center></a></th>
<th><a class="blocksubhead"><center>Lademittel</center></a></th>
<th><a class="blocksubhead"><center>Qualität</center></a></th>
<th><a class="blocksubhead"><center>Menge</center></a></th>
<th><a class="blocksubhead"><center>Preis</center></a></th>
<th><a class="blocksubhead"><center>Bemerkung</center></a></th>
<th><a class="blocksubhead"><center>Kontakt</center></a></th>
</tr></h1>
{vb:raw palboersebits}
</table>
</div>
</div>

[overclocker]

die Lösung war ganz einfach, aber erst einmal darauf kommen.
Zur Info, falls noch jmd vo dem gleichen Problem steht :o


<div class="blockbody formcontrols collapse" id="cel_dummy">
<table id="epal_table" width="100%">
<tr class="columnsort">
<th><h1 class="blocksubhead"><center>Typ</center></h1></th>
<th><h1 class="blocksubhead"><center>Tausch</center></h1></th>
<th><h1 class="blocksubhead"><center>Anbieter</center></h1></th>
<th><h1 class="blocksubhead"><center>Land</center></h1></th>
<th><h1 class="blocksubhead"><center>Plz</center></h1></th>
<th><h1 class="blocksubhead"><center>Ort</center></h1></th>
<th><h1 class="blocksubhead"><center>Lademittel</center></h1></th>
<th><h1 class="blocksubhead"><center>Qualität</center></h1></th>
<th><h1 class="blocksubhead"><center>Menge</center></h1></th>
<th><h1 class="blocksubhead"><center>Preis</center></h1></th>
<th><h1 class="blocksubhead"><center>Bemerkung</center></h1></th>
<th><h1 class="blocksubhead"><center>Kontakt</center></h1></th>
</tr>
{vb:raw palboersebits}
</table>
</div>

[overclocker]

Ein Frage hätte ich jedoch noch :cool:

Ich habe die additional.css um den folgenden Code erweitert:


td.off {
background: #CCCCCC;
}

td.on {
background: #999999;
}

Nun möchte ich einen Mouseover-Effekt bei den einzelnen Ergebnissen in der Tabelle erzeugen. Hierfür habe ich den Code folgendermaßen verändert:


<tr class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">
<td>{vb:raw palboersebits}</td>
</tr>

Es tut sich jedoch nichts. Woran könnte das liegen? Das class=.... hatte ich auch schon ins <TD>-Tag gepackt, aber ebenfalls kein Mouseover-Effekt sichtbar

[thargor]

Warum so kompliziert?




td.tdclass {
background: #CCCCCC;
}
td.tdclass:hover {
background: #999999;
}
<tr>
<td class="tdclass">{vb:raw palboersebits}</td>
</tr>

[overclocker]

gelöscht wegen geistiger Diarrhoe meinerseits :)

[overclocker]

gelöscht wegen geistiger Diarrhoe meinerseits :)

[overclocker]

gelöscht wegen geistiger Diarrhoe meinerseits :)

[overclocker]

gelöscht wegen geistiger Diarrhoe meinerseits :)