Cambiar el color del texto dentro de una td

jaguaresp · #1 (**permalink**) 04/05/2011, 09:53

Pues eso, necesito cambiar el color del texto dentro de una td pero solo cuando tengo el puntero encima de esa celda (vamos, un hover), pero no me funciona.

Tengo hecho esto, lo verde funciona, lo rojo no:

Código:

td:hover.menu
{	
	background-color:#ECD405
	color:#421A94;
	text-color:#421A94;
	font-color:#421A94;
}

alexg88 · #2 (**permalink**) 04/05/2011, 10:41

A mi no me da ningún problema, excepto que text-color y font-color no existe.

jaguaresp · #3 (**permalink**) 04/05/2011, 10:57

Con td:hover.menu (menú es la clase de las td) funciona la parte de cambiar el color de fondo, alex. Así que eso da igual, lo que falla es lo otro.

alexg88 · #4 (**permalink**) 04/05/2011, 11:14

Sí, me había confundido. He editado el mensaje al momento pero ya estabas respondiendo.

ArturoGallegos · #5 (**permalink**) 04/05/2011, 11:53

amigo mio como ya le indicaron text-color y font-color no existen dentro del css, le falta un punto y coma (;) despues del background

Código CSS:

Ver originaltd:hover.menu
{   
    background-color:#ECD405; /*le faltaba el punto y coma de cierre para el background*/
    color:#421A94;
    text-color:#421A94;/*no existe sírvase borrar esta linea*/
    font-color:#421A94;/*no existe sírvase borrar esta linea*/
}

y sumado a esto usted lo que tiene es un problema visual, su código funciona perfectamente pero al aplicar un color morado demasiado oscuro no es muy apreciable que digamos, sin embargo si hace zoom a la pagina para verlo en grande o utiliza un color rojo por ejemplo notara que si esta haciendo el cambio de color.

jaguaresp · #6 (**permalink**) 05/05/2011, 01:49

Os puedo asegurar que aquí solo funciona lo del background, el color de texto no le cambia, os pongo también el código de la td.

Código:

td:hover.menu
{	
	background-color:#ECD405;
	color:#421A94;
}

Código:

<td align="center" class="menu" bgcolor="#492198" width="237">
			<font face="Dodger" color="#ECD405"><a href="index.htm">QUIENES SOMOS</a></font></td>

alexg88 · #7 (**permalink**) 05/05/2011, 03:12

Haber empezado por ahí. El problema es el link, que para cambiarlo de color hay que referirse a el explicitamente.

Código CSS:

Ver originaltd:hover.menu
{   
    background-color:#ECD405;
}
 
td:hover.menu a{
color:green;
}

Así ya funciona.

jaguaresp · #8 (**permalink**) 05/05/2011, 05:02

Perfectooooo !!!

Muchas gracias!

jaguaresp · #9 (**permalink**) 05/05/2011, 08:39

¿Alguien sabe porque en explorer no funcionan los td:hover y como puedo solucionarlo? ¿En el IE9 tampoco funciona? No tengo Windows 7.

En Firefox y Chrome va perfecto.

ArturoGallegos · #10 (**permalink**) 05/05/2011, 09:55

para que funcione el td:hover necesitas haber declarado un doctype valido de lo contrario no funcionara