Creo que tu problema es como mostras el titulo debajo de la foto, si primero imprimis las fotos ... esto con tablas se complicaria un poco, me parece que la mejor forma de hacerlo seria asi ...
Código HTML:
<div class="contenedor">
<img src="tu_foto">
<p>Titulo de la foto</p>
</div>
<div class="contenedor">
<img src="tu_foto">
<p>Titulo de la foto</p>
</div> Ahora para que te queden 5 filas por foto, deberias manejarlos con los bucles e imprimir div con fila
y para que te queden alineados a la izquierda creo que es algo asi ..
Código HTML:
.fila div{
float:left;
}
Código HTML:
<div class="fila">
<div class="contenedor">
<img src="tu_foto">
<p>Titulo de la foto</p>
</div>
<div class="contenedor">
<img src="tu_foto">
<p>Titulo de la foto</p>
</div>
<div class="contenedor">
<img src="tu_foto">
<p>Titulo de la foto</p>
</div>
<div class="contenedor">
<img src="tu_foto">
<p>Titulo de la foto</p>
</div>
<div class="contenedor">
<img src="tu_foto">
<p>Titulo de la foto</p>
</div>
</div> Saludos!