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 Ovillo@lists.ovillo.org
> 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a