dziki_gon dziki_gon 28.10.2015, 01:28:14 5 #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:linkKaż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: Pobierz źródło: comment_BQvd2Lqu3d0CYS1wwum8pnzDdy74fEIA.jpg konto usunięte coTYkcesz6 coTYkcesz7 paczaminiewidze Cronox
dziki_gon dziki_gon 28.10.2015, 01:54:11 1 @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;} coTYkcesz7
dziki_gon dziki_gon 28.10.2015, 02:23:37 0 @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.LINKchce żeby mniej więcej tak to wyglądało
dziki_gon dziki_gon 28.10.2015, 11:03:27 0 @tomcioPL: @LostHighway: Właśnie o to chodziło!!! Dziękuję Wam :) Biorę się za implementacje :)
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:
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;
}
LINK
chce żeby mniej więcej tak to wyglądało