Hallo zusammen,
ich möchte mit HTML/CSS eine Bildergalerie erstellen. Die Bilder müssen aber zusätzlich einen Quellvermerk enthalten. Diesen möchte ich als Bildunterschrift angeben. Also habe ich mir prinzipiell die Inhalt der Seite wie folgt zusammen gestellt:
<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>
...
Die Klasse ThumbContainer hat im Moment den Stil "float:left;", was prinzipiell funktioniert. Wenn man sich das Ergebnis unter http://www.feuerwehr-holtsee.de/Bilder/RoterHahn3.php einmal anschaut, dann stellt man fest, dass es ein Problem gibt, wenn die Bilder und damit die Container-Divs nicht alle gleich hoch sind. (Das Fenster mal so aufziehen, dass oben vier Bilder gerade eben mal zu sehen sind. Es wird noch schlimmer, wenn noch mehr Bilder unterschiedliche Höhe haben.
Am liebsten hätte ich diese Container als Inline-Elemente (style="display: inline;"). Das bekomme ich aber nicht hin: Nach jedem Bild erfolgt ein Umbruch. Und ein starres Layout mit drei oder vier Bildern pro Zeile in einer Tabelle begeistert mich auch nicht.
Hat jemand eine Idee, wie ich es anders machen kann (oder den Hinweis: "Was du willst, geht nicht.")
Claus