Tengo una galeria de fotos que se genera dinàmincamente mediante un lenguaje script de servidor (php).
El problema que tengo es que si hay imagenes siempre me quedan alineadas arriba , y en consecuencia si una imagen tiene una altura menor a las demás no quedan bien alineadas en el bottom.
Otra cuestión es no puedo limitar el <a> con una heigh estatica ya que el usuario puede modificar el tamaño de los thumbnails mediante un formulario, y por tanto el height o el widht no puedo dejarlos estaticos.
Resumen: Como alinear verticalmente 'inferior' imagenes con su pie de foto?
Os dejo el código html resultante del link:
Cita: <a class='thumb' href='uploaded_images/image3.jpg' target='new'> <img src='/welog/imagelist.php?src=uploaded_images/image3.jpg&width=198&height=200' width=198 height=200 name='image3.jpg' /><br />image3.jpg<br />408x412 | 23/12/2003 | 26Kb</a></p>
Aqui el css que uso:
Cita: .thumb { float: left; border: 1px solid #999; margin: 0 15px 15px 0;
padding: 5px; text-align: center; vertical-align: bottom;}
img { border: none; vertical-align: bottom;}
a { text-decoration: none; color: #000; white-space: nowrap;}
a:hover {text-decoration:underline;}
I os envio una foto de lo que me pasa:
I aqui la foto limitando en este caso height=300px en .thumb y que tampoco funciona:
