usando la imagen de fondo para li

Estoy usando una imagen de fondo para <li> que se usará como botón, pero no se muestra completamente; sin embargo, cuando escribe texto, se muestra. No quiero que se escriba texto, ya está impreso en la imagen de fondo. No puedo establecer un ancho. ¿Cómo puedo solucionarlo?usando la imagen de fondo para li

#footernav li#footerlocation 
{ 
    display: inline; 
    padding-right: 20px; 
    background-image: url(../images/ourlocation.jpg); 
    background-repeat: no-repeat; 
    background-position: 0 -.2em; 
}

Fuente

2009-03-14 Yasir

Su problema está en la configuración de la configuración en línea. Si desea fondo y ancho, pero también necesita una lista en línea, configure float: left.

Fuente

2009-03-14 21:22:04

Gracias, pero en algún lugar vi que sangrar el texto a miles de píxeles a desaparecer, de todos modos sigo ur sugerencia y su trabajo ahora. – Yasir

Aún puede sangrar el texto; eso en realidad no tiene nada que ver con el diseño. El problema es que cuando configura la visualización en línea en un elemento de nivel de bloque, se reducirá naturalmente al ancho mínimo requerido; entonces si un elemento no tiene texto, el ancho va a cero. –

definir el ancho y la altura de la imagen

Fuente

2009-03-14 21:25:01 Sruly

Tome una mirada en el siguiente ejemplo:

ul#footernav li { 
     display:inline; 
     } 
    ul#footernav li a{ 
     display:block; 
     width:155px; 
     text-indent:-9999px; 
     } 
    ul#footernav li.footerlocation a{ 
     height:30px ; 
     background: url('images/image.jpg') bottom left no-repeat; 
     } 
    ul#footernav li.footerlocation a:hover{ 
     height:30px ; 
     background: url(images/image.jpg) top left no-repeat; 
     }

Fuente

2009-03-16 03:00:37 superUntitled

Gracias SuperUnititled eso es lo que quiero hacer esa vez, la próxima vez deberá usar esto. – Yasir

Sí tengo el mismo problema, me acaba de quitar el estilo css display: inline y añadir display: list-item; float:left; mi problema resuelto , espero que esto ayude.

Gracias, Sankar B

Fuente

2010-01-25 11:30:20 meetsankar

usando la imagen de fondo para li

Respuesta

Cuestiones relacionadas