td mit so etwas wie td:hover ?

[monsterag]

Hallo,
ich habe eine Tabelle mit Links in den einzelnen td-tags
ich kann ja mit a:hover den Links eine andere Hintergrundfarbe beim Überstreifen mit der Maus geben.
Ich möchte aber, daß die ganze Zelle mit der Hintergrundfarbe gefüllt wird. Ich hatte es auch mit einer klasse innerhalb des td-tags probiert.
Mit wäre ja auch schon geholfen, wenn die a-tags wenigstens die gesamte breite und höhe der zelle nehmen würden. ich hatte da schon display:block probiert. Das funktioniert bei Listen gut.
Geht so etwas ohne Javascript?
Vielen Dank für einen Tip.

[max.m]

Hmm, eine Lösung ohne Javascript wäre mir nicht bekannt,
aber hier wäre eine mit:

<table>
<tr bgcolor="#CCCCCC">
<td onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#CCCCCC'">Bla Bla</td>
<td onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#CCCCCC'">Bli Bli</td>
</tr>
</table>

Darf man fragen weshalb Du kein Javascript verwenden möchtest?

[chorn]

td:hover {...} und gut ist.

[max.m]

td:hover {...} und gut ist.

Cool, ging ich davon aus geht nicht, da er es im Threadtitel selbst hatte.

[chorn]

Kann ich dir eingeschränkt auch nur beipflichten - man muss sich entscheiden welche Browser man ansprechen will. Das übliche Spiel

[max.m]

Ok, danke.

[monsterag]

Danke. Das mit dem td:hover geht leider nur bei Mozilla.
Ich habe erstmal die JS-Lösung genommen.

Wie bekomme ich es denn hin, daß das ganze td anklickbar wird, wenn im td-tag ein a-tag ist?

<td class='zelle' onMouseOut="this.bgColor = '#FFFFFF' " onMouseOver="this.bgColor = '#e6e6e6' ">
            <a href="/anzeige/kurse?kursnr=7">Tango</a>
            <div class='belegte'>
              1/20
            </div>
          </td>

Ich möchte nicht nur eine Zeile anklicken können, sondern das ganze Feld.
Weiß jemand dann einen Rat?

[wildmieze]

Naja, onClick gibt es auch noch ..
.. aber ich denke, dann wird es einfacher, die <a> größer zu machen.
Was hat denn bei display:block; nicht geklappt? Ich nutze das eigentlich öfter, allerdings nicht in Tabellenzellen sondern meist in Listen. Oft brauche ich da nur ein padding für oben und unten, damit der Text mittig ist .. Könnte bei zweizeiligen Links in Tabellen allerdings schwierig werden^^

Edit: oh, sorry, hatte das zusätzliche div in der Zelle nicht beachtet .. wenn das mit anklickbar sein soll, dann vielleicht doch besser mit onClick .. son div im a macht man ja nicht

[sejuma]

Und warum nimmst du keine Listen-Navi?

[monsterag]

Das ganze ist eine Art Stundenplan in tabellenform.
Daher keine Listen. Ist ja keine Navigation...
Wie kann man denn bei onclick die größe ändern der sensitiven Fläche?

[wildmieze]

Du müsstest mit onClick die ganze Tabellenzelle belegen können ..

[hero-master]

Hey
schau dir mal whatever:hover an. Dadurch arbeitest du nur im IE mit nem JS