Foros del Web » Creando para Internet » CSS »

Problema usando listas con propiedad display: inline

Estas en el tema de Problema usando listas con propiedad display: inline en el foro de CSS en Foros del Web. Hola tengo un problema usando el valor inline de display en unas lista que lo tengo en este ejemplo http://www.peru-expeditions.com/Peru...4/zprueba.html el error solo se muestra ...
  #1 (permalink)  
Antiguo 07/10/2010, 10:58
Avatar de salvador86  
Fecha de Ingreso: enero-2008
Ubicación: Guadalajara- Mexico
Mensajes: 467
Antigüedad: 9 años, 11 meses
Puntos: 2
Información Problema usando listas con propiedad display: inline

Hola tengo un problema usando el valor inline de display en unas lista que lo tengo en este ejemplo http://www.peru-expeditions.com/Peru...4/zprueba.html el error solo se muestra en explorer y es que si una frases es demasiada larga y no cabe en la fila se termina en la siguiente file, pero su viñeta que le puse se va abajo entrecortado, yo lo estoy viendo en el explorador IE 8 porque parece que en el 7 se ve bien, este es mi css que hice.

Código HTML:
li {display: inline;
margin: 0;
background: no-repeat url(estructura/li-titulo.gif);
background-position: left center;
padding: 0 0 0 15px;
font-size: 16px;}
Que puedo hacer para que se vea ok como se ve en Firefox, muchas gracias

Última edición por salvador86; 07/10/2010 a las 15:05
  #2 (permalink)  
Antiguo 07/10/2010, 19:54
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problema usando listas con propiedad display: inline

Código:
li {display: inline;
margin: 0;
background: no-repeat url(estructura/li-titulo.gif);
background-position: left center;
padding: 0 0 0 15px;
float:left;
font-size: 16px;}
  #3 (permalink)  
Antiguo 08/10/2010, 08:58
Avatar de salvador86  
Fecha de Ingreso: enero-2008
Ubicación: Guadalajara- Mexico
Mensajes: 467
Antigüedad: 9 años, 11 meses
Puntos: 2
Respuesta: Problema usando listas con propiedad display: inline

Muchas gracias AlexK por contestar, probe aumentandole el float:left ahora si todas la lista muestra su viñeta, pero ahora el ultimo frase si es larga no pasa hacia la segunda línea sino que se juntaesa frse amontonandose así http://www.peru-expeditions.com/Peru...4/zprueba.html aquí otro ejemplo donde en realidad lo quiero poner http://www.peru-expeditions.com/Peru..._4x4-3-15.html

Parece ser que IE8 no es estricto y no asume algunas cosas que si lo hace firefox ya que alli se ve ok, pero lo raro es que con IE8 si el archivo esta en mi maquina se ve ok pero cuando lo subo a la web ahi se ve mal, muchas cosas de mi página tuve que aumentar css por ese mismo motivo, alguna sugerencia más estaré agradecido.

Etiquetas: display, inline, lista
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 07:22.