[css] Galerija slika kao na b92

[Marko Medojevic]

Ćao!

Napravio sam neku galeriju slika koja inače kao layout koristi tabele. Rešio sam da to promenim, tj. prebacimu u css, ali mi je zapelo kod vertikalnog poravnanja teksta!
Ovako galerija treba da izgleda:

Znači šitina je konstantna, dok visina slika varira, a tekst je poravnat sa dnom slike.

Kako ovo odratiti pomoću div-ova i css-a?

Unapred hvala!

[ivanhoe]

#gallery img { float:left; }
#gallery p { 
    clear: left;
    overflow:auto;
    width:100%; 
    margin-bottom: 20px; 
}

<p>
   <img src="" alt="" />
   Blablabla...
</p> 

itd..

[Marko Medojevic]

Hvala puno!

[ivanhoe]

Ehh, sad sam tek shvatio da sam se zeznuo, nisam pazljivo procitao zahtev za poravnavanje po dnu slike. Ono moje poravnava po gornjoj ivici, a ako zelis da ti se poravnava po donjoj, samo izbaci CSS deo, posto je poravnjavanje po donjoj ivici default

[pkrstic]

tabela? ne stedis nista na kolicini tagova, i mnogo je lakse izvesti poravnanje... ne treba se gubiti u preteranoj sitoci koda i izbegavanju tabela... verujem da si mogao to do sad i bez konsultacije foruma da odradis u tabeli...

da li znas da css funkcionise i sa td i table tagovima?

[ivanhoe]

moglo bi ovako (ako je slika po visini uvek veca od texta):

#gallery p {position:relative;}
#gallery p span{ position:absolute; height:auto; bottom:0; }

<p>
   <img src="" alt="" />
   <span>Blablabla...</span>
</p> 
itd..