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 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 _______________________________________________ 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