[Ovillo] Porque no me funciona el RollOver

stripTM fer en striptm.com
Mie Jul 5 15:57:49 UTC 2006


Reynier Perez Mira escribió:
> Hola he probado pero no me sale como debería ser. Este es mi HTML (reducido) para no hacer el correo ...

>
> 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?
>
>
>   
Tienes que definir el tamaño del li#historia que será el tamaño de la 
imagen que vas a poner de fondo, te añado un color para que aunque no 
tengas la imagen lo veas:
ul#menu {
list-style-type: none;
margin: 0;
padding: 0;
}

li {
display: block;
float: left;
text-indent: -100em;
}

li#historia {
background-image: url(images/grmnet_r2_c2.gif);
background-color:red;
width: 120px;
height: 50px;
}


-- 
Saludos -=stripTM=-



Más información sobre la lista de distribución Ovillo