Forum PHP.pl > [HTML][CSS] Podpisy pod nierównymi obrazkami, div-y

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] Podpisy pod nierównymi obrazkami, div-y

Maksior

24.07.2010, 22:45:24

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:

Z góry dziękuję za pomoc
Pozdrawiam
Maks

tehaha

24.07.2010, 22:53:22

1. jak używasz float to powinieneś nadać też wysokoś
2. w tym przypadku zamiast divów chyba lepsza była by lista nieuporządkowana <ul>/<li>
3. możesz nadać dla elementów <a>: display:block; oraz stały height, żeby to bardziej uporządkowane było

Marteen

24.07.2010, 22:54:08

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

Maksior

24.07.2010, 23:00:55

To rozwiązanie odpada ze względu na dużą ilość kodu do przekształcenia, a także braku wyświetlania tzw. danych tabelarycznych

Cytat

jak używasz float to powinieneś nadać też wysokość

to oczywiście zrobiłem w stylach

Szczerze wzorowałem na z tymi div-ami: http://www.flickr.com/search/?ss=2&w=a...sils&m=text

a wracając max-height jest chyba dziwacznie interpretowany, mam rację?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.