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