CSS: Ayuda con layout
3 seguidores
hola
estoy buscando un ejemplo CSS de un layout de una sola columna centrada, para meter fotos una debajo de otra.... alguien puede ayudarme? intento no meter una tabla mejor no?
hola
estoy buscando un ejemplo CSS de un layout de una sola columna centrada, para meter fotos una debajo de otra.... alguien puede ayudarme? intento no meter una tabla mejor no?
Seguro que tienes mucho que decir, te estamos esperando.
nice-code
Hola!
yo suelo hacer esto para centrar horizontalmente:
<code>
body {
margin: 0 auto; /* inicio centrarlo */
text-align: center;
}
#todo {
width: 780px;
margin: 0 auto;
text-align: left;
} /* fin centrarlo */</code>
o esto otro para que una sola imagen este centrada tanto horizontal como verticalmente.
Aunque el margin en este caso tendrás que adaptarlo según el tamaño de tu imagen.
<code>#todo{
position:absolute;
height:300px;
width:200px;
margin:-150px 0px 0px -100px; /* esto según el tamaño de tu imagen*/
top: 50%;
left: 50%;
border: 0px;
overflow: auto;
}
</code>
Entonces en el html coloco <div id="todo" que englobe todo el cuerpo del html o todo lo que quiero centrar y listo.
Te dejo un enlace con layouts que seguro te interesan.
http://mitchbryson.com/free-css-templates
Un saludo
paola
markshock
pues no hace falta ni que uses un layout... si lo que vas ha hacer es poner una foto debajo de otra puedes hacerlo con un elemento UL, usando los LI.
Lo formateas con css para controlar el margin y el padding y listos...
Revisa el elementos UL y LI, veras como con CSS puedes hacer cosas muy chulas.