[HTML][CSS] Podpisy pod nierównymi obrazkami, div-y Opcje

[Maksior]

Witam, mam problem tak jak w temacie.

Kod

<div id="gallery_container">
            <div style="float: left"><a href=""><img src="" /></a><p class="nazwa_obiektu">Podpis</p></div>
            <div style="float: left"><a href=""><img src="" /></a><p class="nazwa_obiektu">Podpis</p></div>
            <div style="float: left"><a href=""><img src="" /></a><p class="nazwa_obiektu">Podpis</p></div>
            <div style="float: left"><a href=""><img src="" /></a><p class="nazwa_obiektu">Podpis</p></div>
            <div style="float: left"><a href=""><img src="" /></a><p class="nazwa_obiektu">Podpis</p></div>
            <div style="float: left"><a href=""><img src="" /></a><p class="nazwa_obiektu">Podpis</p></div>
</div>

Próbowałem za bawić się z overflow i position

Screen: (IMG:http://img38.imageshack.us/img38/1161/rozop.jpg)
Z góry dziękuję za pomoc
Pozdrawiam
Maks

Ten post edytował Maksior 24.07.2010, 22:47:12

[Marteen]

Może użyj tabeli, a wierszom i komórkom określ wysokość. Podpisy umieść w osobnym wierszu.

[HTML] pobierz, plaintext 
<tr style="height: 256px;">
<td>
<a href="adres1"><img style="border: 0px; max-height: 256px;" src="image1.jpg"></a></td>
<td>
<a href="adres2"><img style="border: 0px; max-height: 256px;" src="image2.jpg"></a></td>
<td>
<a href="adres3"><img style="border: 0px; max-height: 256px;" src="image4.jpg"></a></td>
<td>
<a href="adres4"><img style="border: 0px; max-height: 256px;" src="image4.jpg"></a></td>
</tr>
<tr><td>Podpis1</td><td>Podpis2</td><td>Podpis3</td><td>Podpis4</td>
</tr>
[HTML] pobierz, plaintext 

Ten post edytował Marteen 24.07.2010, 23:00:45