Foros del Web » Creando para Internet » CSS »

Por que no se alinean

Estas en el tema de Por que no se alinean en el foro de CSS en Foros del Web. Bueno pido ayuda, a arreglar mi galeria de fotos en .css las fotos estan en listas y se supone que deben ir una delante de ...
  #1 (permalink)  
Antiguo 29/12/2009, 16:32
 
Fecha de Ingreso: diciembre-2009
Mensajes: 65
Antigüedad: 8 años
Puntos: 0
Por que no se alinean

Bueno pido ayuda, a arreglar mi galeria de fotos en .css las fotos estan en listas y se supone que deben ir una delante de otra pero pasa algo q no encuentro que sucede, se saltan 2 esapacion.. aqui dejo una captura. espero ayuda amigos!!





Codigo:
Código HTML:
Ver original
  1.  
  2. <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
  3.  
  4. <div id="principal">
  5.     <h3>GALERÍA</h3>
  6.    <ul>
  7.       <li><a href="#"><img src="objetos/1.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  8.       <li><a href="#"><img src="objetos/2.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  9.       <li><a href="#"><img src="objetos/3.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  10.       <li><a href="#"><img src="objetos/4.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  11.       <li><a href="#"><img src="objetos/6.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  12.       <li><a href="#"><img src="objetos/7.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  13.       <li><a href="#"><img src="objetos/8.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  14.        
  15.      
  16.        
  17.  
  18.    </ul>
  19. </div>
  20. </body>


.Css
Código CSS:
Ver original
  1. body {
  2. background-color:#EBEEF2;
  3. margin:20px;
  4. }
  5. h3 {
  6. color:#838C98;
  7. }
  8. img {
  9. border:1px solid #EEEEEE;
  10. }
  11. a {
  12. text-decoration:none;
  13. }
  14. span {
  15. color:#515151;
  16. font-family:Trebuchet MS;
  17. font-size:9pt;
  18. }
  19. #principal {
  20. margin:0 auto;
  21. position:relative;
  22. }
  23. #principal ul {
  24. }
  25. #principal li {
  26. background-color:#F5F7F9;
  27. border-bottom:1px solid #A5A7AA;
  28. border-right:1px solid #A5A7AA;
  29. display:inline;
  30. float:left;
  31. margin:10px;
  32. padding:5px;
  33. text-align:center;
  34. width:220px; }
  #2 (permalink)  
Antiguo 29/12/2009, 17:19
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: Por que no se alinean

pq la caja 1 y 2 son un px mas grandes y traban a la 4ta
solucion cada 3 elementos poner un clear:both; o definirle al li un alto fijo height:150px cuestion q todos tengan el mismo alto y esto no suceda
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 29/12/2009, 17:51
Avatar de Copia  
Fecha de Ingreso: noviembre-2009
Mensajes: 309
Antigüedad: 8 años
Puntos: 4
Respuesta: Por que no se alinean

como te dice emiliodeg hay alguno que son muy grandes, en cuanto al alto, trata de que sean del mismo tamaño todos.
  #4 (permalink)  
Antiguo 29/12/2009, 21:51
 
Fecha de Ingreso: diciembre-2009
Mensajes: 65
Antigüedad: 8 años
Puntos: 0
Respuesta: Por que no se alinean

ahaha no entiendo, si todo esta definido en el css y se supone obtiene los mismos valores.!!
  #5 (permalink)  
Antiguo 30/12/2009, 01:55
Avatar de uokesita  
Fecha de Ingreso: enero-2008
Ubicación: Maracaibo
Mensajes: 214
Antigüedad: 9 años, 11 meses
Puntos: 17
Respuesta: Por que no se alinean

verifica el tamaño de las imágenes la primera se ve mas larga que la segunda por ejemplo.. verifica que tengan el mismo height, debe ser eso
  #6 (permalink)  
Antiguo 30/12/2009, 02:06
 
Fecha de Ingreso: diciembre-2009
Mensajes: 65
Antigüedad: 8 años
Puntos: 0
Respuesta: Por que no se alinean

uokesita gracias por reponder amigo! las imagenes tienen el mismo tamaño todas :S.. ya revise eso y aun sigue asi dejando ese espacio
  #7 (permalink)  
Antiguo 30/12/2009, 04:16
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Por que no se alinean

Cita:
Iniciado por edGarzitho Ver Mensaje
ahaha no entiendo, si todo esta definido en el css y se supone obtiene los mismos valores.!!
Error, si revisas tu código veras que #principal li no tiene definido ningún alto (height) y eso provoca el descuadre. Añádele un height que te vaya bien y el descuadre será historia.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #8 (permalink)  
Antiguo 30/12/2009, 09:42
Avatar de AhmedRugama  
Fecha de Ingreso: diciembre-2008
Ubicación: Nicaragua
Mensajes: 160
Antigüedad: 9 años
Puntos: 6
Respuesta: Por que no se alinean

ya por ultimo, evitate problemas y usa una tabla
  #9 (permalink)  
Antiguo 30/12/2009, 13:41
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: Por que no se alinean

Cita:
Iniciado por AhmedRugama Ver Mensaje
ya por ultimo, evitate problemas y usa una tabla
en este caso estaria mal utilizar una tabla pq es una lista de personas o un tabulado de datos
es solo teoria eh, en la practica muchos sitios siguen usando las tablas como caballo de torya
__________________
Degiovanni Emilio
developtus.com
  #10 (permalink)  
Antiguo 30/12/2009, 14:44
Avatar de AhmedRugama  
Fecha de Ingreso: diciembre-2008
Ubicación: Nicaragua
Mensajes: 160
Antigüedad: 9 años
Puntos: 6
Respuesta: Por que no se alinean

Si claro, por eso fue el ya por ultimo. Pero igual el comportamiento que se busca es el de una tabla, asi que podria considerarse una opcion.
  #11 (permalink)  
Antiguo 30/12/2009, 23:48
 
Fecha de Ingreso: diciembre-2009
Mensajes: 65
Antigüedad: 8 años
Puntos: 0
Respuesta: Por que no se alinean

Graciaz! amigos. el problema fue solucionado.
muchas graciaz...
  #12 (permalink)  
Antiguo 31/12/2009, 05:02
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Por que no se alinean

Cita:
Iniciado por edGarzitho Ver Mensaje
Graciaz! amigos. el problema fue solucionado.
¿Como lo solucionasteis?
__________________
Revisa las FAQ's antes de disparar.
  #13 (permalink)  
Antiguo 31/12/2009, 14:22
 
Fecha de Ingreso: diciembre-2009
Mensajes: 65
Antigüedad: 8 años
Puntos: 0
Respuesta: Por que no se alinean

Cita:
Iniciado por Impostor Ver Mensaje
¿Como lo solucionasteis?


1. las imagenes 1 y 2 estaban mas grandes q las demas.

2. le puse un height a la capa #principal li como me dijeron para que todos tubieran un mismo tamaño
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 15:41.