Dve fotki v vrsto - caption
3 naročniki
3 naročniki
Zdravo
Takole izgleda, ko se neprogramer spravi delat stvari, ki jih ne zna :)
radi bo postavil po dve fotki v vrsto in jim dodal caption pod fotko. Našel sem tole kodo, ki dela tako kot mora, vendar se mučim postaviti dve fotki v vrsto, pa dve v naslednjo vsrsto ...
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
</figure>
Hvala
3 odgovori
Poskusi z :
figure {
display: inline-block;
vertical-align: top;
}
Bi moralo narediti to kar hočeš. Za novo vrsto je pa najlažje tako, da daš containerju kjer so slike tako širino, da prideta samo dve v vrsto.
Inline-block je podoben kot float samo da ne spremeni flow dokumenta. Vertical align je pa fajn pri inline block da ne pride do čudnih zamikov in se vsa vsebina poravna z zgornjim delom elementa.
Upam, da ti kaj pomaga.