[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