Estilo css ¿donde está el error?

[activada]

Me podeis ayudar con esto? Resulta que en el estado mouseover quiero que la celda donde se encuentra el texto se ponga del color que abajo indico (background-color: #7C4768), resulta que consigo que el texto se ponga en blanco pero el fondo que me cambia es el fondo del texto y no de la celda que lo lleva que es lo que quiero. M explico? M podeis ayudar con esto por favor? Donde me pierdo?.Gracias a todos


a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
text-decoration: none;
background-color: #7C4768;

[Mikmoro]

No sé cómo tienes el html, pero supongo que podrías probar añadiendo:

a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
text-decoration: none;
background-color: #7C4768;
display: block;
width: 100%;
height: 100%;
}

Que te sirva o no irá en función del resto de tu código.

[sergouar]

Hola vos queres insertar ese efecto de mouseover a una celda de una tabla?

Saludos

[Daniel Ulczyk]

Probá el siguiente código sobre la celda donde está el enlace:

Código HTML:

<td onMouseOver="this.bgColor='codigo-color'" onMouseOut="this.bgColor='otro-codigo-color'"> 

Tengo mis serias dudas que exclusivamente con CSS se pueda resolver esto, en forma amplia, para que todos los browsers puedan así, interpretarlo adecuadamente.

[Mikmoro]

Creo que en función de cómo sea la celda, la respuesta que le he puesto en el foro de css a la misma consulta puede ser válida.

No sé cómo tienes el html, pero supongo que podrías probar añadiendo:

a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
text-decoration: none;
background-color: #7C4768;
display: block;
width: 100%;
height: 100%;
}

Que te sirva o no irá en función del resto de tu código.

[Apolo]

activada, por favor no dupliques temas.

He fusionado el que abriste en Web general junto con este que abriste en CSS.

Saludos,

[activada]

Gracias a todos por vuestra ayuda, he solucionado el problema con el código html que me habeis dejado, el script CSS no me ha funcionado. Gracias de nuevo por vuestra gran ayuda.