Ingo Turski: Galerie

Beitrag lesen

Hi,

<div class="ThumbContainer">
   <img class="ThumbImage" src="..." />
   <div class="ThumbCopyright">(Foto: ...)</div>
</div>
<div class="ThumbContainer">
   <img class="ThumbImage" src="..." />
   <div class="ThumbCopyright">(Foto: ...)</div>
</div>
...

Du kannst übrigens auf die Klassen verzichten, wenn Du Nachkommen-Selektoren verwendest und nicht nur DIVs benutzt.

dass es ein Problem gibt, wenn die Bilder und damit die Container-Divs nicht alle gleich hoch sind.

Dazu gibt es zwei Lösungen:
1. die Thumbnails alle in der gleichen Größe oder zumindest Höhe erstellen. Aus einem Hochkanntbild kannst Du auch einen Querformat-Ausschnitt verwenden.
2. Zusätzliche Container zum Auffüllen fehlender Höhen verwenden.

freundliche Grüße
Ingo