elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Guía rápida para descarga de herramientas gratuitas de seguridad y desinfección


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Sobre Maqueteo WEB!
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Sobre Maqueteo WEB!  (Leído 1,511 veces)
01munrra

Desconectado Desconectado

Mensajes: 282



Ver Perfil
Sobre Maqueteo WEB!
« 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:


y pues quiero agregar 2 nuevos contenedores de esta forma,(fijense en los cuadros de rayas negras)


y pues como agregaria esos 2 nuevos contenedores dentro del contenedor <div class="grid_10">...? gracias!!!


En línea

#!drvy
Moderador
***
Desconectado Desconectado

Mensajes: 5.850



Ver Perfil WWW
Re: Sobre Maqueteo WEB!
« Respuesta #1 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


En línea

01munrra

Desconectado Desconectado

Mensajes: 282



Ver Perfil
Re: Sobre Maqueteo WEB!
« Respuesta #2 en: 19 Septiembre 2013, 02:50 am »

Gracias drvy, me ha servido de mucho....  ;-)
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines