Tema: Por que no se alinean
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/12/2009, 16:32
edGarzitho
 
Fecha de Ingreso: diciembre-2009
Mensajes: 65
Antigüedad: 14 años, 4 meses
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. <body>
  2.  
  3. <link rel="stylesheet" href="estilos.css" type="text/css" media="all">
  4.  
  5. <div id="principal">
  6.     <h3>GALERÍA</h3>
  7.    <ul>
  8.       <li><a href="#"><img src="objetos/1.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  9.       <li><a href="#"><img src="objetos/2.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  10.       <li><a href="#"><img src="objetos/3.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  11.       <li><a href="#"><img src="objetos/4.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  12.       <li><a href="#"><img src="objetos/6.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  13.       <li><a href="#"><img src="objetos/7.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  14.       <li><a href="#"><img src="objetos/8.jpg" border="0" alt=""/><br /><span>Descripci&oacute;n de la imagen</span></a></li>
  15.        
  16.       
  17.        
  18.  
  19.    </ul>
  20. </div>
  21. </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; }