Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 16-mar-2007, 04:00   #1 (permalink)
moribe ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2005
Mensajes: 36
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;
	
}
moribe está desconectado   Responder Citando
Antiguo 16-mar-2007, 04:17   #2 (permalink)
Colaborador
Mikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradable
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.351
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.
Mikmoro está desconectado   Responder Citando
Antiguo 16-mar-2007, 07:20   #3 (permalink)
moribe ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2005
Mensajes: 36
Re: Error Iexplorer. Lista desordenada!!

Gracias Mikel. Gracias por tu ayuda.
moribe está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 23:02.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93