Hola lista:
Hace un tiempo atrás publiqué un mensaje a la lista tratando el tema de
hacer un rollover de imágenes con listas. El caso es que en aquel entonces
lo estaba haciendo incorrectámente pues tenía algo como esto en el HTML:
<ul id="r2ul">
<li class="li0" id="li0"><a href="#"><img src="img/img_r2_c1.png" alt=""
/></a></li>
...
<li class="li1" id="li1"><a href="#"><img src="img/img_r2_c2.png" alt=""
/></a></li>
</ul>
Bueno la cuestión fue que me dijeron que el a:hover siempre me quedaría por
debajo de la imagen por lo que nunca vería el Rollover. Me sugirieron que lo
hiciera con un background-image en el LI y bueno que ahi si podría poner el
a:hover. Les comenté entonces que esos menúes deberían tener enlaces a
varias páginas. Nuevamente stripTM me sugirió que pusiera un texto para el
LI o sea algo como esto:
<li id="li0"><a href="#">Opción</a></li>
Y luego el CSS debería quedarme como este:
#li0 a {
display: block;
text-indent: -100em;
background-image: url(img/img_r2_c1.png);
}
Bien así lo he hecho y miren el resultado en la web que gracias al amigo
Hugo Valencia pude ponerles de ejemplo para poder solucionar más rápido el
problema. Aquí está la dirección: http://valencia.ch/reynier/index.html
Si se fijan en los LI que dicen: "Historia, Objetivos, Eventos y Cursos" se
ve el texto. Bueno en esos es que quiero lograr el efecto de rollover y a la
vez tener un enlace a la página correspondiente a donde debe estar el
enlace.
Espero por su ayuda porque por más que trato no le encuentro la forma.
--
Salu2
ReynierPM | Joven Club de Computación y Electrónica Granma
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
