Alineación de imágenes con CSS

[jomaruro]

Hola:

Iniciado por Senku

que a cabezón no me gana nadie :)

¿Estás seguro?

Prueba esto en el CSS:

Código:

#hauptbilder {
    width: 1024px;
    margin: 0 auto;
    border: 1px solid #000;
}

#caja1, #caja2, #caja3, #caja4{
    width: 250px;
    height: 250px;
    margin-left: 5px;
    float: left;
}

#caja1{
    background-color: green;
    margin-left: 5px;
}

#caja2{
    background-color: yellow;
}

#caja3{
    background-color: blue;
}

#caja4{
    background-color: red;
}

.corte {
    clear: both;
}

Y este HTML:

Código:

<div id="hauptbilder">
    <div id="caja1"></div>
    <div id="caja2"></div>
    <div id="caja3"></div>
    <div id="caja4"></div>
    <div class="corte" />
</div>

Después tendrás que adaptarlo a tus necesidades.

Saludos.