Aplica el display block a una clase de los <a> y luego la imagen de fondo a
esa misma clase. Usa el tag <li> solamente para sacar el bullet de las
listas 

Cualquier cosa preguntame.

Saludos

-----Mensaje original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Reynier Perez Mira
Enviado el: Lunes, 09 de Octubre de 2006 21:29
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Problemas con listas e imagenes de fondo

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

--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.407 / Virus Database: 268.13.1/466 - Release Date: 07/10/2006
 

-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.407 / Virus Database: 268.13.1/466 - Release Date: 07/10/2006
 

_______________________________________________
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

Responder a