nicht angemeldet
Hallo,
ich habe zur Zeit ein kleines Problem mit einer Galerie.
Ich möchte einige Vorschaubilder für galerien per Liste auf meine Seite einbinden.
So weit klappt das auch, aber der Bilduntertitel macht Probleme.
Wenn ich das Bild platziere, und daneben mit einer Leertase Abstand den Text erscheint der brav unter dem Bild (klappt soweit in IE7, IE 6 und Firefox). wen ich
Mein Problem ist nun:
Wenn bei einem Bild der Text 2 Zeilen hat und bei einem anderen 3 Zeilen, so erscheint der nächste Listenpunkt um eine Zeile versetzt in der Reihe.
Gibt es einen Weg das zu umgehen?
Mein CSS sieht so aus:
#galerie { width:100%; text-align:center; }
#galerie ul {list-style-type:none;}
#galerie li {display:inline-block;width:100px;height:130px;}
#galerie li div {width:100px; height:130px; background:#ccc;}
#galerie li img {background:#FAFAFA;padding:5px;margin:5px 0px 0px 0px;}
Der Html-Code so:
<div id="galerie">
<ul>
<li><div><img height="75" width="75" title="test" alt="test" src="http://indonesia-portal.de/uploads/images/galerie/Menschen-Kultur/thumb_06-astawuff.jpg" /> Das gibt sicher 2 Zeilen</div></li>
<li><img height="75" width="75" title="test2" alt="Der Vulkan Bromo" src="http://indonesia-portal.de/uploads/images/galerie/Menschen-Kultur/thumb_06-astawuff.jpg" /> 1 Zeile</li>
</ul>
</div>
Danke für jede Hilfe
Marc
suit