Hola y gracias por responder Javier. Ya he resuelto mi problema. Aquí va la
solución:
#navegacion { display: block; margin: .5em 0 0 .5em; text-align: center;
list-style-type: none; }
#navegacion li a { display: block; height: 80px; width: 80px; padding: .1em 0
.1em 0; }
#navegacion li a span { display: block; visibility: hidden; }
#navegacion li.auto a { background-image:
url(../images/proyectos/auto_normal.png); background-repeat: no-repeat; }
Salu2
> -----Mensaje original-----
> De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
> nombre de Javier Trejo
> Enviado el: 09 October, 2006 8:51 PM
> Para: 'Ovillo, la lista de CSS en castellano'
> Asunto: Re: [Ovillo] Problemas con listas e imagenes de fondo
>
> 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 [email protected] 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 [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
