Bok ljudi, ukratko mucim se kako da najlakse alignam 4 slike unutar nekog html elementa, s time da zelim da mi je prva slika potpuno na rubu lijeve strane (što i uspijevam ), ali nikako ne mogu namjestiti da mi zadnja slika bude na rubu desne strane. Te imam i problem što mi zadnja slika izlazi iz svog "parent" elementa kada smanjim prozor. Molio bih da me netko uputi u to što radim krivo. Htm i CSS fileovi mozete preuzeti sa ovog linka
HTML/CSS side to side img alignment problem
- poruka: 5
- |
- čitano: 1.570
- |
- moderatori:
Lazarus Long, XXX-Man, vincimus
- +/- sve poruke
- ravni prikaz
- starije poruke gore
Okani se floata. Koristi flexbox.
Dodaj text-align na column4.
.column4 { float: left; width: 25%; text-align: right; }
Na img imaš width: 240px; zbog čega ti slika ispada van, trebaš dodat max-width: 240px; width: 100%; i trebalo bi biti ok.
Ma kak vjezbam za ispit moram znati vise tehnika izrade layouta. Znam da je lakse sa flexboxom.
Nisam siguran da sam dobro shvatio zadatak jer mi nema puno logike da posljednja slika mora biti uz desni rub, ali nju možeš poravnati desno tako da njezinom div elementu staviš atribut
text-align: right;