Hola de nuevo!
Gracias por leer el mensaje y siento haberme explicado regular. Espero poder explicar un poco mejor mi problema.
El resultado que tengo es el siguiente, donde he marcado con recuadros rojos donde deberían quedar las fotos. Aunque me gustaría tal y como lo pongo, centradas en la vertical, no me importaría que se alineara a la línea inferior, siempre que se solucione el problema que vemos en la 3ª fila en la que se solapa la primera imagen de la siguiente fila y el resto se queda en blanco.
Y el código en html que me da como resultado lo de arriba, aplicando el CSS del primer post, es una simple lista:
Código:
<div data-role="content"> //Esto es el contenedor de jquery mobile, pero creo que no influye en el interior que es mi problema,
<ul class='gallery'>
<li><a href='http://.....png' rel='external'><img src='http://.png' alt='Subida por Maria La Portuguesa.' /></a></li>
<li><a href='http://....jpg' rel='external'><img src='http://....jpg' alt='Subida por Alvaro.' /></a></li>
<li><a href='http://.....png' rel='external'><img src='http://.png' alt='Subida por Maria La Portuguesa.' /></a></li>
<li><a href='http://....jpg' rel='external'><img src='http://....jpg' alt='Subida por Alvaro.' /></a></li>
<li><a href='http://.....png' rel='external'><img src='http://.png' alt='Subida por Maria La Portuguesa.' /></a></li>
<li><a href='http://....jpg' rel='external'><img src='http://....jpg' alt='Subida por Alvaro.' /></a></li>
<li><a href='http://.....png' rel='external'><img src='http://.png' alt='Subida por Maria La Portuguesa.' /></a></li>
<li><a href='http://....jpg' rel='external'><img src='http://....jpg' alt='Subida por Alvaro.' /></a></li>
</div>
A ver si me podeis ayudar, GRACIAS!!