Re: [Ovillo] Listas y rollover (continuación del t ema Porque no me funciona el RollOver)
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=li0a href=#img src=img/img_r2_c1.png alt= //a/li ... li class=li1 id=li1a 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=li0a 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 -- 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
Re: [Ovillo] Listas y rollover (continuación del t ema Porque no me funciona el RollOver)
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=li0a href=#img src=img/img_r2_c1.png alt= //a/li ... li class=li1 id=li1a 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=li0a 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
[Ovillo] Listas y rollover (continuación del t ema Porque no me funciona el RollOver)
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=li0a href=#img src=img/img_r2_c1.png alt= //a/li ... li class=li1 id=li1a 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=li0a 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