Foros del Web » Creando para Internet » CSS »

tabla y hyperlink con a:hover

Estas en el tema de tabla y hyperlink con a:hover en el foro de CSS en Foros del Web. Hola: es mi primer post en este foro, espero que no sea el último pues me parece muy bueno. Mi duda es la siguiente: quiero ...
  #1 (permalink)  
Antiguo 17/03/2008, 11:06
 
Fecha de Ingreso: marzo-2008
Mensajes: 11
Antigüedad: 9 años, 9 meses
Puntos: 0
tabla y hyperlink con a:hover

Hola:

es mi primer post en este foro, espero que no sea el último pues me parece muy bueno.

Mi duda es la siguiente:
quiero realizar algo parecido a las tablas de productos que hay en https://tienda.yoigo.com/, con el cambio de fondo si pasas con el mouse por encima

Lo he intentado inútilmente de la siguiente manera:
Código HTML:
.box {
	background: #e6e7e7 url(img/elegir.gif) 480px 110px no-repeat ;
	margin: 10px 0 6px;
}
.box a {
	text-decoration:none;
}
.box a:hover {
	background: #738f9e url(img/elegir2.gif) 480px 110px no-repeat ;
	margin: 10px 0 6px;
}
Si le quito las etiquetas de box y las añado directamente en box a, no se ve ni el fondo. Sin embargo, parece que el a:hover no funciona, se queda igual que antes.

El HTML es simple, <div box><a><tabla><///>

¿Alguna solución?
  #2 (permalink)  
Antiguo 17/03/2008, 11:22
 
Fecha de Ingreso: octubre-2006
Ubicación: Murcia - España
Mensajes: 336
Antigüedad: 11 años, 1 mes
Puntos: 6
Re: tabla y hyperlink con a:hover

Voy a poner un ejemplo con una tabla.

Html

<table cellspacing="0" cellpadding="0">
<tr>
<td>Imagen</td>
<td>Texto</td>
</tr>
</table>

Css

tr { background:#ccc; }
tr:hover { background:red; }


Espero que esto te sirva como base para seguir investigando. ;)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:47.