Re: [Ovillo] Listas y rollover (continuación del t ema Porque no me funciona el RollOver)

2006-07-16 Por tema ReynierPM
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)

2006-07-15 Por tema Ardilla Roja
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