Foro de elhacker.net

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
  1. .clear {clear:both;} /* Limpiar float */
  2. .contenedor_izquierda {float:left; width:300px; height:100px;}
  3. .contenedor_derecha {float:right; width:300px; height:100px;}

Código
  1. <div class="grid_10">
  2.   <div class="contenedor_izquierda">Hola</div>
  3.   <div class="contenedor_derecha">Mundo</div>
  4.   <div class="clear"></div>
  5.   <div class="otro_contenedor">lorem</div>
  6. </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....  ;-)