Excelente ArdillaRoja, me ha servido y por fin he logrado el rollover que quería.
2006/7/15, Ardilla Roja <[EMAIL PROTECTED]>: > > checale auqi... > > http://www.rockandrolltaco.net/taco2006 > > http://www.rockandrolltaco.net/taco2006/css/default.css > > en el css esta un comentario /**** navegacion ****/ ahi sta el codigo > para le menu.. :) espero te sirva.. > > On 7/14/06, ReynierPM <[EMAIL PROTECTED]> wrote: > > 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 [email protected] > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo > -- 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 [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
