[Ovillo] Porque no me funciona el RollOver
Reynier Perez Mira
rperezm en estudiantes.uci.cu
Mie Jul 5 04:43:19 UTC 2006
Hola he probado pero no me sale como debería ser. Este es mi HTML (reducido) para no hacer el correo SPAM ni nada ilegible:
<ul id="menu">
<li id="historia"><a href="#">Historia</a></li>
<li id="objetivos"><a href="#">Objetivos</a></li>
<li id="eventos"><a href="#">Eventos</a></li>
<li id="cursos"><a href="#">Cursos</a></li>
</ul>
Luego el CSS me queda así:
ul#menu {
list-style-type: none;
margin: 0;
padding: 0;
}
li a {
display: block;
}
li#historia {
text-indent: -100em;
background-image: url(images/grmnet_r2_c2.gif);
float: left;
}
Ahora para explicar un poco. Lo de "display:block" en "li a" me queda con dudas. En este mismo mensaje Santiago me explicaba que poniendo esa propiedad en esa forma el LI se adaptaría al tamaño de la imagen por lo que no debería especificar "width" ni "height" que era como lo tenía anteriormente. Corrijanme si me equivoco.
Ahora el li#historia lo puse así siguiendo las orientaciones de stripTM. Ya que me indica que así es como debería hacerlo para poder hacer el RollOver.
El caso es que la imagen del li#historia no sale por ninguna parte y la ruta esta correcta porque ya la he comprobado. Será el "flota:left" ese que le puse? Pues bueno debe ir porque tengo que poner un LI al lado de otro de forma tal que me quede un menú horizontal.
Alguna idea de que animalada es la que estoy cometiendo ahora?
Salu2
--
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro.
Más información sobre la lista de distribución Ovillo