Foros del Web » Creando para Internet » CSS »

Problema con Listas

Estas en el tema de Problema con Listas en el foro de CSS en Foros del Web. veamos, tengo una lista y le he puesto una imagen a cada item. Todo perfet. El problema es si quiero que la lista se muestre ...
  #1 (permalink)  
Antiguo 16/03/2007, 13:08
 
Fecha de Ingreso: diciembre-2003
Mensajes: 204
Antigüedad: 14 años
Puntos: 2
Problema con Listas

veamos, tengo una lista y le he puesto una imagen a cada item. Todo perfet. El problema es si quiero que la lista se muestre en horizontal y con imagen.... de echo, no se si es fallo mio o es que directamente no se puede.
Pongo en css

Código:
#contenido ul.horizontal{
	position:relative;
	list-style:url(imagenes/0007_bullet.png);
	width:90%;
	display:block;
}

#contenido ul.horizontal li{
	text-align:justify;
	margin: 8px 0 0 20px;
	line-height:1.8em;
	font-size:1.8em;
	display:inline;
}
y el xhtml

Código:
<div id="contenido">
<p>un parrafo</p>

<ul class="horizontal">
	<li>uno</li>
	<li>dos</li>
</ul>

<p>otro parrafo</p>
</div>
si a #contenido ul.horizontal li le quito el display:inline me lo muestra en vertical pero con imagenes.

Un saludo y gracias por ayudar
  #2 (permalink)  
Antiguo 16/03/2007, 13:44
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
Re: Problema con Listas

Prueba a quitarle el display inline y añádele float: left;. Luego arregla los márgenes a ver qué pasa.

Mikel.
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 22:02.