nicht angemeldet
Hallo Ingo,
<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.
Stimmt, gute Idee. Mache ich aber erst, wenn ich das Problem gelöst habe, da es ja - wie du bemerkt hast - Randbedingungen gibt.
dass es ein Problem gibt, wenn die Bilder und damit die Container-Divs nicht alle gleich hoch sind.
Dazu gibt es zwei Lösungen:
- die Thumbnails alle in der gleichen Größe oder zumindest Höhe erstellen. Aus einem Hochkanntbild kannst Du auch einen Querformat-Ausschnitt verwenden.
Möchte ich nicht so gerne. Der Nutzer soll gerne das gesamte Bild sehen und kleiner möchte ich das Hochkantbild eigentlich auch nicht machen.
- Zusätzliche Container zum Auffüllen fehlender Höhen verwenden.
Das klingt gut. Hast du mal einen Tipp oder ein Beispiel, wie man es konkret machen kann?
Claus