Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: 01munrra en 19 Septiembre 2013, 02:35 AM

Título: Sobre Maqueteo WEB!
Publicado por: 01munrra en 19 Septiembre 2013, 02:35 AM
Saludos!!!!....

estoy aprendiendo a maquetar ya que mi fuerte es la programacion robusta en los sistemas web pero no se mucho sobre maquetacion, y pues quisiera saber algo sobre maquetar, fijense como estructure la practica que estoy realizando:
(http://www.4shared.com/download/NHVw5_be/Sin_ttulo.png?tsid=20130919-003250-47bdb70c)

y pues quiero agregar 2 nuevos contenedores de esta forma,(fijense en los cuadros de rayas negras)
(http://www.4shared.com/download/aMrIw4ul/Sin_ttuleo.png?tsid=20130919-003359-aa825774)

y pues como agregaria esos 2 nuevos contenedores dentro del contenedor <div class="grid_10">...? gracias!!!
Título: Re: Sobre Maqueteo WEB!
Publicado por: #!drvy en 19 Septiembre 2013, 02:40 AM
La forma mas fácil es con float.
http://www.w3schools.com/cssref/pr_class_float.asp

Código (css) [Seleccionar]
.clear {clear:both;} /* Limpiar float */
.contenedor_izquierda {float:left; width:300px; height:100px;}
.contenedor_derecha {float:right; width:300px; height:100px;}


Código (html4strict) [Seleccionar]
<div class="grid_10">
   <div class="contenedor_izquierda">Hola</div>
   <div class="contenedor_derecha">Mundo</div>
   <div class="clear"></div>
   <div class="otro_contenedor">lorem</div>
</div>


Saludos
Título: Re: Sobre Maqueteo WEB!
Publicado por: 01munrra en 19 Septiembre 2013, 02:50 AM
Gracias drvy, me ha servido de mucho....  ;-)