[HTML][CSS] - Układ zdjęć Opcje

[Szymciosek]

Witam,
poszukuję takiego układu jaki jest na maxmodels.pl po wejściu w profil osoby, zdjęcia (a raczej ich miniatury) są różnej wysokości, a jednak są poukładane obok siebie.

Ja chcę osiągnąć taki efekt jaki mam teraz tutaj: www.simonmedia.gtbase.net/demo ale pod każdą miniaturę muszę dodać zdjęcie.
Na razie mi to nie wychodzi, a próbowałem dodać np tak:

Kod

<div class="left">
    <img src="http://simonmedia.gtbase.net/demo/sun.jpeg" class="mask" />
    <p>opis</p>
    <p>opis</p>
    <p>opis</p>
    <p>opis</p>
</div>

Lecz niestety akapity wchodziły pod zdjęcie niżej.

Drugi sposób jaki wymyśliłem (też nie za dobrze działał), to wrzucenie akapitów w osobny div, który zawiera się w <div class="left">...

Jeszcze jeden sposób: Wrzucenie akapitów w osobny div, ale teraz umieszczenie tego div pod <div class="left">

Niestety żaden ze sposobów nie był zadowalający.
Albo może nie tyle co chcę osiągnąć efekt jak na MM, ale chcę osiągnąć opisany przeze mnie efekt. Najlepiej żeby było automatycznie nie zależnie od ilości tekstu.

[Mega_88]

Taki efekt to już chyba tylko Jquery z tego co mi przychodzi do głowy, tutaj masz to czego szukasz: http://mcpants.github.io/jquery.shapeshift/

[mortus]

Układ na maxmodels.pl zrobiony jest w bardzo prosty sposób. Tak naprawdę to nic trudnego.

PS: Zauważ, że zdjęcia mają tam różną wysokość, ale nie szerokość.

Ten post edytował mortus 20.04.2013, 17:10:40