[dziki_gon]

#html #css #php #programowanie #webdev #webdesign

Potrzebuję pomocy przy tworzeniu galerii zdjęć :(
Napisałem następujący kod:

php
for ($i=1; $i<=8; $i=$i+1) {
echo('<img src="' . $i . '.jpg"');
}
?>

i wychodzi mi taka galeria:
link
Każdy kolejny wiersz wyrównywany jest do pionowego zdjęcia z wiersza poprzedniego.

Proszę o pomoc w jaki sposób mam osiągnąć taki efekt:

[c.....5]

@coTYkcesz6: potwierdzam

[v.....l]

@dziki_gon: to css odpowiada za uklad. I jesli zrobisz je inblock wtedy bedą ukladac sie w linii tak dlugo, az nie skocnzy sie miejsce... potem spadnie nizej.

[lol_nope]

@dziki_gon: jak się dowiesz to wołaj pl0x

[K.....k]

@dziki_gon: Daj kod css

[dziki_gon]

@Krzy___ek: wszystko jest w jednym divie:

div {
width: 80%;
margin: 0 10%;
}

a CSS zdjęć:

img {
border-radius: 10px;
box-shadow: 0px 0px 5px lightgrey;
margin-bottom: 7px;
width: calc(25% - 10px);
vertical-align: top;
}

[K.....k]

img {
border-radius: 10px;
box-shadow: 0px 0px 5px lightgrey;
margin-bottom: 7px;
width: calc(25% - 10px); /* tego nie ogarniam po co tak */
height: /*ustal jakas wartosc */;
vertical-align: top;
display: inline-block;

}

[dziki_gon]

@Krzy___ek: nie mogę ustalić żadnej wartości dla height, bo width wszystkich zdjęć ma być taki sam, a zdjęcia są niestety zarówno poziome jak i pionowe.

LINK

chce żeby mniej więcej tak to wyglądało

[kuhwa]

@dziki_gon: ale ten webdev jest brzydki, nigdy nie mogłem znieść php i css w szkole ( ͡° ʖ̯ ͡°)

[t.....L]

@dziki_gon: nie kombinuj, są gotowe rozwiązania do takich problemów: http://vnjs.net/www/project/freewall/

[LostHighway]

@dziki_gon: http://masonry.desandro.com/

[dziki_gon]

@tomcioPL: @LostHighway: Właśnie o to chodziło!!! Dziękuję Wam :) Biorę się za implementacje :)

[dziki_gon]

@lol_nope: jest już rozwiązanie :)