HTML/CSS side to side img alignment problem

poruka: 5
|
čitano: 1.570
|
moderatori: Lazarus Long, XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
8 godina
offline
HTML/CSS side to side img alignment problem

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

https://ufile.io/w48wn

Moj PC  
0 0 hvala 0
16 godina
neaktivan
offline
Re: HTML/CSS side to side img alignment problem

Okani se floata. Koristi flexbox.

0100001001101111011010100110000101101110
15 godina
offline
Re: HTML/CSS side to side img alignment problem

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.

 

8 godina
offline
HTML/CSS side to side img alignment problem

Ma kak vjezbam za ispit moram znati vise tehnika  izrade layouta. Znam da je lakse sa flexboxom. 

Moj PC  
0 0 hvala 0
13 godina
offline
Re: HTML/CSS side to side img alignment problem

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;

1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice