Foros del Web » Creando para Internet » CSS »

Lista en inline

Estas en el tema de Lista en inline en el foro de CSS en Foros del Web. Hola, foreros: Tengo una lista que en Safari y Firefox se ve en la misma linea, es decir, que despues de cada <li></li> no hay ...
  #1 (permalink)  
Antiguo 16/09/2008, 16:13
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.566
Antigüedad: 10 años, 8 meses
Puntos: 19
Lista en inline

Hola, foreros:

Tengo una lista que en Safari y Firefox se ve en la misma linea, es decir, que despues de cada <li></li> no hay un salto de linea.

Por que ocurre que en Internet Explorer 6 no se ve en linea:

Código HTML:
<style>
	#lista {list-style:none}
	#lista a { background-color:#d0cfcd; width:187px; float:left;}
</style>

<ul id="lista"> 
	<li><a href="casa">Link</a></li>
	<li><a href="casa">Link</a></li>
	<li><a href="casa">Link</a></li>
	<li><a href="casa">Link</a></li>
</ul> 
¿Cual es la razon?
  #2 (permalink)  
Antiguo 16/09/2008, 16:45
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Lista en inline

La razón es que estás flotando lo que hay dentro de los elmentos de lista, no los propios elementos, y eso IE lo interpreta diferente. Haz esto:

#lista li { background-color:#d0cfcd; width:187px; float:left;}
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 16/09/2008, 16:55
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.566
Antigüedad: 10 años, 8 meses
Puntos: 19
Respuesta: Lista en inline

Hola, Mikmoro,

El problema lo tengo en que lo que quiero es que el link <a> tenga de anchura 187px y no el <li>

¿Sabes alguna otra manera?
  #4 (permalink)  
Antiguo 16/09/2008, 17:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Lista en inline

Muy fácil; échale un poco de imaginación:

#lista li {float:left;}
#lista li a { background-color:#d0cfcd; width:187px; float:left;display: block;}
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 16/09/2008, 17:42
Avatar de salbatore  
Fecha de Ingreso: abril-2007
Ubicación: Springfield
Mensajes: 1.566
Antigüedad: 10 años, 8 meses
Puntos: 19
Respuesta: Lista en inline

Hola, Mikmoro...

Muchisimas gracias!... funciona perfectamente!!
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 04:41.