Christian Peters: Ganze Tabellenzeile zum Link machen

Beitrag lesen

Servus,

was ich bei deinem Beispiel (danke dafür) nicht hinbekomme ist das es die ganze Reihe "hovert" wenn ich eine der <a>s überfahre.

Habe das mal ein wenig modifiziert...

<style>
a.block, a.block:visited
{
display:block; width:5em;
height:3em;
background:#000;
text-decoration:none;
text-align:center;
color:#aaa;
float:left;
}

a.block:hover
{
color:#ff0;
background:#0f0;
}

a.block:hover span
{
background:#0f0;
}
</style>

<table>
<tr>
  <td>
   <a href="#" class="block">eins</a><span></span>
  </td>
  <td>
   <a href="#" class="block">zwei</a><span></span>
  </td>
  <td>
   <a href="#" class="block">drei</a><span></span>
  </td>
  <td>
   <a href="#" class="block">vier</a><span></span>
  </td>
</tr>
<tr>
  <td>
   <a href="#" class="block">eins,2</a><span></span>
  </td>
  <td>
   <a href="#" class="block">zwei,2</a><span></span>
  </td>
  <td>
   <a href="#" class="block">drei,2</a><span></span>
  </td>
  <td>
   <a href="#" class="block">vier,2</a><span></span>
  </td>
</tr>
</table>