Comunidad de diseño web y desarrollo en internet online

3 columnas

Citar            
MensajeEscrito el 29 Jul 2009 04:35 am
Estimados:

buenas noches soy nuevo en el foro y me gustaria hacer una consulta, me lo han recomendado y tiene buenas calificaciones departe de mis amigos.

Lo que pasa que estoy en construccion con mi sitio web, ahora bien el problema es el siguiente en la siguiente imagen esta el problema.

Necesito dejar 3 div como se encuentran en la imagen si es posible que me ayudaran porfavor, antemano muchas gracias.



saludos cordiales ante mano muchas gracias, esperando que me ayuden porfavor.

Por sergio.salas

1 de clabLevel



 

firefox
Citar            
MensajeEscrito el 29 Jul 2009 07:17 am

Por tribak

Claber

2448 de clabLevel

6 tutoriales

Genero:Masculino   Héroes

Fotógrafo o algo

firefox
Citar            
MensajeEscrito el 29 Jul 2009 05:16 pm
facil tenes que crear un div contenedor de esos tres, luego los 3 que mencionas dentro del contenedor y en css le das la opcion de float:left;
para que se pongan asi en fila horizontal como tu lo indicas en la foto.

<div id='padre'>
<div id='hijo1'></div>
<div id='hijo1'></div>
<div id='hijo1'></div>
</div>

#padre{
width:600px;
height:100px;
}

#hijo1{
width:200px;
height:100px;
float:left;
}

#hijo2{
width:200px;
height:100px;
float:left;
}

#hijo3{
width:200px;
height:100px;
float:left;
}

tene cuidado siempre en ver los tamaños de los hijos que su suma no supere la del padre sino ya no te saldrian todos alineados.
la altura en este caso no importa sino solo el ancho.

espero que te sea de ayuda
creo que no hay ningun error ya que lo escribi aca y podrian haber.
Saludos

Por 22

79 de clabLevel



 

Uruguay

msie7
Citar            
MensajeEscrito el 29 Jul 2009 05:25 pm
Muy importante el "crear: both;". Busca información.

Por jackbach

Claber

196 de clabLevel

1 tutorial

 

Barcelona

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.