06-mar-2006, 04:22
|
#1 (permalink) |
 Fecha de Ingreso: agosto-2004
Mensajes: 121
|
Alinear capas una al lado de la otra
Me gustaría alinear capas horizontalmente una a lado de la otra y que a la vez esten centradas en una tabla, no se si me explico  He mirado por google pero o no encuentro nada o estoy buscando mal, haber si alguien me puede hechar una mano. Saludos. |
|
|
|
06-mar-2006, 04:49
|
#2 (permalink) |
Fecha de Ingreso: mayo-2005
Mensajes: 164
 |
Hola, si lo que quieres es centrar unas columnas dentro de una caja y que todo quede centradao (usand capas) mirate la primera respuesta de aqui: 3 columnas
|
|
|
|
|
06-mar-2006, 04:57
|
#3 (permalink) |
|
Moderador HTML y CSS
Fecha de Ingreso: noviembre-2002
Ubicación: /home/montevideo
Mensajes: 6.064
|
estás buscando mal
 para que las capas queden una al lado de la otra, se utiliza float... quedaría así:
Código:
----HTML----
<div id="contenedor">
<div class="capa">Aquí el contenido</div>
<div class="capa">Aquí el contenido</div>
</div>
----CSS----
#contenedor{
width:80%;
margin:auto;}
.capa{float:left}
__________________
Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código. |
|
|
|
|
06-mar-2006, 05:14
|
#4 (permalink) |
|
Fecha de Ingreso: agosto-2004
Mensajes: 121
|
Buenas,
No es exactamente eso lo que buscaba pero se acerca :D Con eso las capas salen unas al lado de otras pero no se centran en la capa contenedora y la verdad no se hacerlo porque de css se lo justo (nada jeje). Gracias por la ayuda. Saludos. |
|
|
|
|
06-mar-2006, 05:29
|
#5 (permalink) |
|
Moderador HTML y CSS
Fecha de Ingreso: noviembre-2002
Ubicación: /home/montevideo
Mensajes: 6.064
|
agregale "margin:auto".. si no funciona, pega tu código (no todo, lo que corresponda).
Código:
.capa{
float:left;
margin:auto;}
__________________
Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código. |
|
|
|
|
06-mar-2006, 05:44
|
#6 (permalink) |
|
Fecha de Ingreso: agosto-2004
Mensajes: 121
|
Bueno lo que tengo es lo que me habeís puesto.
Para el css
Código:
Para el html#contenedor{
background-color:#00FF66;
width:80%;
margin:auto;
}
.capa{
float:left;
border:1px solid;
margin:auto;
}
Código:
Lo que quiero es hacer esto pero dinámicamente<div id="contenedor"> <div class="capa">Aquí el contenido</div> <div class="capa">Aquí el contenido</div> <div class="capa">Aquí el contenido</div> <div class="capa">Aquí el contenido</div> <div class="capa">Aquí el contenido</div> </div> http://unicem.es/images/organigrama.gif y con tablas no he sido capaz por lo que había pensado en capas Saludos. |
|
|
|
Mode Lineal
