Foros del Web » Creando para Internet » CSS »

Error Iexplorer. Lista desordenada!!

Estas en el tema de Error Iexplorer. Lista desordenada!! en el foro de CSS en Foros del Web. Hola! Alguién puede decirme cómo ordenar las imágenes de una lista para IExplorer? He incluido seis logos en una lista con su márgenes y demás, ...
  #1 (permalink)  
Antiguo 16/03/2007, 05:00
 
Fecha de Ingreso: noviembre-2005
Mensajes: 39
Antigüedad: 12 años, 1 mes
Puntos: 0
Error Iexplorer. Lista desordenada!!

Hola!

Alguién puede decirme cómo ordenar las imágenes de una lista para IExplorer?

He incluido seis logos en una lista con su márgenes y demás, y en el resto de los navegadores los muestra en linea, en dos filas, sin problemas, pero en en IExplorer hace un efecto de escalera, no están alineados de ninguna manera los elemtos de la fila y queda bastante feo.

Alguién me da una pista? Gracias




Código:
HTML


   <div id="contenido">
   	<h4> Visite otros sitios web de inter&eacute;s</h4>
	
    <ul id="web">
	
	<li><a href="" target="_blank"><img src="imagenes/logos/Ivoclar Vivadent.gif" /></a></li>
	<li><a href="" target="_blank"><img src="imagenes/logos/Kavo.gif" /></a></li>
	<li><a href="" target="_blank"><img src="imagenes/logos/Komet.gif" width="121" height="83"/></a></li>
	<li><a href="" target="_blank"><img src="imagenes/logos/Mestra.gif" /></a></li>
	<li><a href="" target="_blank"><img src="imagenes/logos/Dur.gif" width="115" height="59" /></a></li>
	<li><a href="" target="_blank"><img src="imagenes/logos/Hu Friedy.gif" /></a></li>
	

	
	</ul>
   </div>




CSS



#web ul{
list-style-type : none;
	
	
}

#web img{
	float: left;
	display: inline;
	list-style-type: none;
	margin-top:30px;
	margin-bottom:35px;
	margin-left:10px;
	margin-right:10px;
	padding-right: 20px;
	padding-left: 20px;
	
}
  #2 (permalink)  
Antiguo 16/03/2007, 05:17
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: Error Iexplorer. Lista desordenada!!

Un par de cosas:

En primer lugar, estás poniendo float: left; y list-style-type: none; a las imágenes, y no a los elementos de la lista. Creo que sería más correcto hacerlo a éstas.

Creo que deberías añadir:

#web li {float: left;}

para que sean los elementos de lista los que sean flotados.

Por otro lado tienes un pequeño error: esta clase no va a hacer efecto

#web ul{
list-style-type : none;

porque es el propio ul el que tiene el ide web, de manera que esto debería ser en todo caso:

ul#web {
list-style-type : none;

Cambia estas dos cositas y a ver qué pasa.

Mikel.
  #3 (permalink)  
Antiguo 16/03/2007, 08:20
 
Fecha de Ingreso: noviembre-2005
Mensajes: 39
Antigüedad: 12 años, 1 mes
Puntos: 0
Re: Error Iexplorer. Lista desordenada!!

Gracias Mikel. Gracias por tu ayuda.
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 20:38.