Uschi Renziehausen: Tabellenzelle als Link

Beitrag lesen

Gugugg,

Es gibt zwei Lösungen, die beide nicht immer gehen.
Gib deiner Tabelle eine Klasse, z.B. hoverIt
also <table class="hoverIt">

In der CSS würdest du dann etwa folgendes notieren:

table.hoverIt td:hover {background-color: #000000}

Für die meisten Browser, die das nicht können, gibt es eine js/dom-syntax-lösung. wenn deine konstruktion diese ist

<td><a href="bla.html">Verweistext</a></td>

kannst du dieses machen:

<td><a href="bla.hml" onmouseover="this.parentNode.style.backgroundColor = '#000000'" onmouseout="this.parentNode.style.backgroundColor = '#ff0000'">Verweistext</a></td>

this.parentNode verweist dann auf das <td>-Element, das ja der Papa vom <a>-Element ist.

So du css-Klassen für den off und on-Status definiert hast (z.B. table.hoverIt .on und table.hoverIt .off), geht auch

<a ... onmouseover="this.parentNode.className='on'"> respektive off

Gruß, Uschi