Foros del Web » Creando para Internet » CSS »

Background en <LI> sin establecer ancho y alto

Estas en el tema de Background en <LI> sin establecer ancho y alto en el foro de CSS en Foros del Web. Saludos a todos Tengo la siguiente pregunta: ¿es posible definir un background (a partir de un fichero png) a un elemento <li> sin que éste ...
  #1 (permalink)  
Antiguo 20/01/2013, 14:25
 
Fecha de Ingreso: julio-2009
Mensajes: 3
Antigüedad: 14 años, 9 meses
Puntos: 0
Pregunta Background en <LI> sin establecer ancho y alto

Saludos a todos

Tengo la siguiente pregunta: ¿es posible definir un background (a partir de un fichero png) a un elemento <li> sin que éste tenga un ancho y un alto definidos, y que sin embargo aparezca el background completo? Por ejemplo:

<style>
#zona1 { background:transparent url('region1.png') no-repeat;}
</style>
...

...
<ul>
<li id='zona1'></li>
</ul>
...

Haciendo esto, me aparece sólo una franja extrecha del background, pero no me aparece entero. Pero en el caso que me atañe me es importante no definir un ancho y un alto fijos en el <li>. ¿Es posible configurar el background para que aparezca entero? Gracias!
  #2 (permalink)  
Antiguo 20/01/2013, 16:02
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 5 meses
Puntos: 145
Respuesta: Background en <LI> sin establecer ancho y alto

claro, existe background-size:80px 60px; para tal efecto, el problema es la compatibilidad con IE, solo es compatible desde la version 9 en adelante.

yo prefiero asignar position a li y dentro pongo una imagen con position absolute y le das el tamaño y alto que quieras.

Saludos
__________________
http://chicho.ninja yiaaaa
  #3 (permalink)  
Antiguo 20/01/2013, 16:07
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 10 meses
Puntos: 641
Respuesta: Background en <LI> sin establecer ancho y alto

si te aparece una franja estrecha quita el "no-repeat" para que si se repita.
  #4 (permalink)  
Antiguo 20/01/2013, 17:44
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Background en <LI> sin establecer ancho y alto

Otra opción es usar ::before.
  #5 (permalink)  
Antiguo 22/01/2013, 01:51
 
Fecha de Ingreso: julio-2009
Mensajes: 3
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: Background en <LI> sin establecer ancho y alto

Gracias por vuestras sugerencias, me han sido de ayuda a mi propósito.

Etiquetas: alto, ancho, establecer
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:47.