Texto debajo de imagenes y todo centrado

[farve]

Hola

el body de mi pagina es del 80% con lo que segun que resolucion tengas es mas grande o menos y me entran mas o menos imagenes en "una linea"

a 1024x768 el body mide unos 800px y se ve mas o menos esto:


bueno realmente eso es lo que quiero conseguir.

lo que tengo ahora es lo mismo pero sin div y sin textos
he probado con <br>, con <p>, poniendo la capa inline, y mas cosas pero no soy capaz de que se parezca a la imagen.

Con float funcionaria pero no me quedaria centrado.(por ejemplo la ultima imagen apareceria a la izquierda)

Haber si sabéis contestarme.
Si no me e explicado bien decirmelo.

Aqui teneis el codigo html.

Código:

    <div id="contenido">
        <a href="11/11.html"><img src="11/miniaturas/mini001.jpg" /></a>
        <a href="10/10.html"><img src="10/miniaturas/mini001.jpg" /></a>
        <a href="09/09.html"><img src="09/miniaturas/mini001.jpg" /></a>
        <a href="08/08.html"><img src="08/miniaturas/mini001.jpg" /></a>
        <a href="07/07.html"><img src="07/miniaturas/mini001.jpg" /></a>
        <a href="06/06.html"><img src="06/miniaturas/mini001.jpg" /></a>
        <a href="05/05.html"><img src="05/miniaturas/mini001.jpg" /></a>
        <a href="04/04.html"><img src="04/miniaturas/mini001.jpg" /></a>
        <a href="03/03.html"><img src="03/miniaturas/mini001.jpg" /></a>
        <a href="02/02.html"><img src="02/miniaturas/mini001.jpg" /></a>
        <a href="01/01.html"><img src="01/miniaturas/mini001.jpg" /></a>
    </div>

y el css aplicable.

Código:

#contenido {
text-align: center; 
}

gracias y saludos

[Eourus]

hombre no se si lo entendí muy bien, pero creo que tendrías que poner algo así en el html:

<div id="contenido">
<div><a href="11.html"><img src="11/miniaturas/mini001.jpg" /></a><br> texto</div>
</div>

[farve]

me pone el texto debajo, pero tambien las imagenes, es decir se ponen las imagenes en columna.

eso es porque div es de tipo block.

pero si le pongo inline, se descuadra y me aparece le texto delante de la siguiente imagen.

con la etiqueta <p> sera lo mismo o se podra "jugar" con ella??

como lo soluciono?


con float funcionaria, pero luego no saldrian centradas las capas(imagenes).
Como centrar capas arrastradas con float?

salu2

[emiliodeg]

puedes tambien agregarle a la img un clear para que comience a escribir por debajo