Tabellen background bei a:hover ändern

[crashx]

Mein Problem.

So weit Funktioniert alles bis auf die "hover" Funktion.
Text farbe ändert sich bei hover problemlos nur die farbe der zelle ändert sich nur bedingt.
Nämlich nur da wo geschriebener text ist und nicht der ganzen zelle wie ich es gern hätte.

nav_style.css

#nav a:hover
{
background-color: #000000;
padding: 2px;
text-align: left;

font-family: tahoma;
font-size: 7pt;
font-weight: bold;
color: #CCCCCC;
text-decoration: none;
}


#nav a:link
{
background-color: #CCCCCC;
padding: 2px;
text-align: left;

font-family: tahoma;
font-size: 7pt;
font-weight: bold;
color: #000000;
text-decoration: none;
}

und so binde ich es ein

<td id="nav"><a href="index.php?id=<? echo $row->userid; ?>">Home</a></td>

Könnte mir dabei jemand behliflich sein?
Danke

 

[BSA]

Suche mal nach "ganze Zelle verlinken"!

 

[crashx]

Na ja mit dem Richtigen suchkriterium

Hier die Lösung.

#nav
{
background-color: #CCCCCC;
text-align: left;
padding: 2px;

font-family: tahoma;
font-size: 8pt;
font-weight: bold;
color: #000000;
text-decoration: none;
}

td a:hover
{
display:block; 
width:100%;
background-color: #000000;
text-align: left;

font-family: tahoma;
font-size: 8pt;
font-weight: bold;
color: #CCCCCC;
text-decoration: none;
}

 

[Maik]

Wenn du eine Lösung entdeckt hast, dann markiere das Thema bitte auch als 'Erledigt' -> durch einen Klick auf den 'Status-Button' rechts unterhalb des letzten Beitrags.

Vielen Dank