Hola lista:
Estoy teniendo problemas al poner imágenes de fondo a elementos de una lista
para luego poder hacer un RollOver. Este es el código HTML perteneciente a la
lista:
<ul id="navegacion">
<li class="auto"><a href="#resumen-auto">Link</a></li>
<li class="teorico"><a href="#resumen-teorico">Link</a></li>
<li class="tiro"><a href="#resumen-tiro">Link</a></li>
<li class="quirurgico"><a href="#resumen-quirurgico">Link</a></li>
<li class="juego"><a href="#resumen-juego">Link</a></li>
</ul>
Ahora el CSS para ponerle fondo a cada uno de los elementos es este:
#navegacion li { display: block; width: 80px; height: 80px; }
.auto a { background-image: url(../images/proyectos/auto_normal.png);
background-repeat: no-repeat; }
Según tengo entendido si le pongo la propiedad display a block entonces el
elemento se me adapta al tamaño de la imagen de fondo (80x80) o estoy
equivocado?
Lo que pasa es que si me pone la imagen de fondo pero me la pone a ocupar el
tamaño del ancla y no el tamaño real de la imagen como quiero que salga.
¿Qué es lo que estoy haciendo mal?
Salu2 y desde ya gracias por todo
_______________________________________________
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://lists.ovillo.org/mailman/listinfo/ovillo
