Foros del web, para los que viven de bits

ciberpata · 11-may-2006, 11:13

Saludos:
Tengo dos clases un para una celda:
td.celda
y otra para link
a.menu:hover

lo que quiero es que cuando un usuario ponga el raton sobre el link que va dentro de la celda se rellene la celda de color rojo por ejemplo.

Gracias

JavierB · 11-may-2006, 11:21

Hola ciberpata

Prueba con este código:

Código:

a.menu {width:100%; display:block}
a.menu:hover {background:red}

Saludos,

ciberpata · 11-may-2006, 11:31

Casi funciona, asi se rellena las lineas que ocupan el link aunque estas estén incompletas pero no la celda completa. Estoy usando css externas que se me habia olvidado, por si hay alguna diferencia.

mbavio · 11-may-2006, 13:10

Tienes que aplicar la pseudo-clase :hover sobre la celda tambien, esto funciona en casi todos los navegadores, excepto en nuestro queridisimo amigo IE. Justamente estaba buscando una solucion a esto y encontre un articulo muy interesante:

http://www.xs4all.nl/~peterned/csshover.html

Recomendado por el mismisimo Eric Meyer, desde uno de sus libros. A ver si te sirve.
Saludos.

11-may-2006, 11:13	#1 (permalink)
ciberpata Fecha de Ingreso: junio-2003 Ubicación: Santiago de Compostela Mensajes: 544	como hacer un hover sobre una clase td Saludos: Tengo dos clases un para una celda: td.celda y otra para link a.menu:hover lo que quiero es que cuando un usuario ponga el raton sobre el link que va dentro de la celda se rellene la celda de color rojo por ejemplo. Gracias __________________ Espero haber aprendido algo de tí. En recuerdo a mi padre.

11-may-2006, 11:21	#2 (permalink)
JavierB Moderata Fecha de Ingreso: noviembre-2002 Ubicación: Madrid Mensajes: 19.550	Hola ciberpata Prueba con este código: Código: a.menu {width:100%; display:block} a.menu:hover {background:red} Saludos, __________________ Lee las Políticas de los foros y escribe correctamente.

11-may-2006, 11:31	#3 (permalink)
ciberpata Fecha de Ingreso: junio-2003 Ubicación: Santiago de Compostela Mensajes: 544	Casi funciona, asi se rellena las lineas que ocupan el link aunque estas estén incompletas pero no la celda completa. Estoy usando css externas que se me habia olvidado, por si hay alguna diferencia. __________________ Espero haber aprendido algo de tí. En recuerdo a mi padre.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

11-may-2006, 13:10	#4 (permalink)
mbavio Fecha de Ingreso: agosto-2005 Mensajes: 289	Tienes que aplicar la pseudo-clase :hover sobre la celda tambien, esto funciona en casi todos los navegadores, excepto en nuestro queridisimo amigo IE. Justamente estaba buscando una solucion a esto y encontre un articulo muy interesante: http://www.xs4all.nl/~peterned/csshover.html Recomendado por el mismisimo Eric Meyer, desde uno de sus libros. A ver si te sirve. Saludos.