background-color en los a:hoover

[zappa]

Hola amigos!

Mi pregunta es la siguiente:

Estoy haciendo una página y utilizo el a:hoover con un background-color para que al pasar el raton por encima de los enlaces me cambien su color de fondo.

¿Como puedo hacer para que el background funcione en todo el <td> donde tengo alojado el link?

¿Hay alguna manera mejor de hacerlo?

Un saludo. Gracias de antemano.

[Bravenap]

Sí, colocando el evento en la celda en lugar de en el enlace. En ejemplo muy claro lo tienes cerquita, en FDW:

Código:

<td bgcolor="#DBE7F3" align="left" OnMouseOver="this.style.backgroundColor='#BECFDF'" OnMouseOut="this.style.backgroundColor='#DBE7F3'">

Un saludo.

[PascalC]

td {height:300px; border:1px solid black; width:300px;}
a {display:block; height:100%; veryical-aligh:middle;}
a:hover {background-color:red; }

<table summary="">
<tr>
<td><a href="">toto</a></td>
</tr>
</table>

[tunait]

PascalC,

qué buen tip nos has dado, me has dejado así

Te felicito, no recuerdo haber visto una propuesta semejante por aquí.

Si te animas a agregarlo a las FAQ de css estaría bueno.

gracias, un saludo

[zappa]

Gracias Bravemap y PascalC. Las dos respuestas son validas pero utilizare la segunda para no tener q mofificar todos los td.