Ver Mensaje Individual
  #5 (permalink)  
Antiguo 07/01/2014, 07:55
NadiaNV
 
Fecha de Ingreso: enero-2014
Mensajes: 2
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: Un div al lado de otro y un salto de línea

Buenas,

Como dice pzin, mejor evitar el uso de tablas.

A ver si el siguiente código te puede ayudar:

Código HTML:
<body>

<div id="caja">
      <div class="fila">
        <div id="img1" class="imgp"></div><div id="img2" class="imgp"></div><div id="img3" class="imgp"></div><div id="img4" class="imgp"></div>
    </div>
      <div class="fila">
        <div id="img5" class="imgp"></div><div id="img6" class="imgp"></div><div id="img7" class="imgp"></div><div id="img8" class="imgp"></div><br/>
    </div>
      <div class="fila">
        <div id="img9" class="imgp"></div><div id="img10" class="imgp"></div><div id="img11" class="imgp"></div><div id="img12" class="imgp"></div>
	</div>         
</div>
</body> 
Código CSS:
Ver original
  1. #caja{
  2.         border-color:black;
  3.         border-width:1px;
  4.         border-style:solid;
  5.         background-color:#CCC;
  6.         height:500px;
  7.         width:1000px;
  8.     }
  9.  
  10.     .fila{
  11.         height:auto;
  12.         width:auto;
  13.         float:left;
  14.         background-color:rgba(204,0,153,1)
  15.     }
  16.     .imgp{
  17.         height:60px;
  18.         width:120px;
  19.         border-color:black;
  20.         border-style:solid;
  21.         border-width:1px;
  22.         background-color:blue;
  23.         float:left;
  24.         margin: 10px;
  25.     }