[Ovillo] Porque no me funciona el RollOver

stripTM fer en striptm.com
Mar Jul 4 14:38:28 UTC 2006


Reynier Perez Mira escribió:
> Bueno ahora el hecho del RollOver. Si se dieron cuenta en el HTML que les envie lo que tengo es una imagen con un vínculo en cada elemento LI, por ejemplo aquí:
>
> <li class="li0" id="li0"><a href="#"><img src="img/img_r2_c1.png" alt="" /></a></li>
>
> Ahora se preguntarán porque no usar una imagen de fondo y arriba poner el texto con el enlace y así lograr fácilmente el efecto que quiero, pues bien el caso es que el diseñador me ha dado las imágenes con texto y todo por lo que no debo ponerle por encima otro texto, primero porque no tendría lógica y luego porque se vería un poco feo.
>
>   
Tu código debería ser

<li id="li0"><a href="#">Opción</a></li>

la imagen la pondría de fondo del <a href...> el texto lo puedes quitar 
con un text-indent negativo y grande y de esa forma no tienes el 
problema de querer modificar el contenido (<img />) desde el css.
#li0 a {
	display: block;
	text-indent: -100em;
	background-image: url(img/img_r2_c1.png);
}


-- 
Saludos -=stripTM=-




Más información sobre la lista de distribución Ovillo