Foros del Web » Creando para Internet » CSS »

Organizar cuadros en CSS

Estas en el tema de Organizar cuadros en CSS en el foro de CSS en Foros del Web. Hola amigos del foro, este es mi primer post en el tema y lo hago por que me atore en un diseño pequeño que necesito. ...
  #1 (permalink)  
Antiguo 09/09/2010, 10:24
Avatar de acumulador  
Fecha de Ingreso: junio-2008
Ubicación: Medellin - Antiquia
Mensajes: 457
Antigüedad: 9 años, 6 meses
Puntos: 7
Organizar cuadros en CSS

Hola amigos del foro, este es mi primer post en el tema y lo hago por que me atore en un diseño pequeño que necesito. Lo que pasa es que necesito crear en un div contenedor 4 cuadros mas pequeños cada uno de 200 x 200px y dos en una linea superior y los otros dos en la linea de abajo; los dos de arriba los tengo bien pero al intentar crear los dos de abajo no me sale, mejor ducho se ven pegados y no se separan aunque les de un margin-top, o un <br /> o lo que sea, que podrá pasa!!

Por su ayuda muchas gracias.
__________________
-----------------------------------------------------------------------------
Yo vivo de preguntar, saber no puede ser lujo...
  #2 (permalink)  
Antiguo 09/09/2010, 11:19
Avatar de juan_14nob  
Fecha de Ingreso: abril-2010
Mensajes: 552
Antigüedad: 7 años, 7 meses
Puntos: 6
Respuesta: Organizar cuadros en CSS

por que no pones como tiene ingresados los divs?
a ver si esto te es de ayuda...

Código HTML:
<html>
<head>
<style type="text/css">
html{
width:100%;
height:100%;
}
#cuerpo{

margin:0px;
padding:0px;

}
#uno{
position:relative;
float:left;
width:200px;
height:200px;
background:red;

}
#dos{
position:relative;
float:left;
width:200px;
height:200px;
background:blue;
margin-left:10px;

}
#tres{

position:relative;
clear:both;
width:200px;
height:200px;
background:black;
top:10px;
color:white;
float:left;
}

#cuatro{
position:relative;
float:left;
width:200px;
height:200px;
background:green;
margin-left:10px;
margin-top:10px;
}
</style>
</head>

<body>
<div id="cuerpo">
<div id="uno">
div1

</div>
<div id="dos">
div2

</div>
<div id="tres">
div3

</div>
<div id="cuatro" style="">
div4

</div>


</div>
</body>

</html> 

Etiquetas: cuadros, organizar
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 09:01.