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