Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][PHP] jak radzicie sobie z układaniem zdjęc na stronie
lamcpp
post
Post #1





Grupa: Zarejestrowani
Postów: 372
Pomógł: 2
Dołączył: 10.05.2009

Ostrzeżenie: (0%)
-----


witam, pytanie dotyczy pomysłu, sposobu: jak układacie zdjęcia w waszej galerii na stronie, żeby to dobrze wyglądało mając poziome i pionowe zdjęcia?
Ja wymysliłem zeby kazde zdjęcie które wczytywane jest w pętli z bazy dać w diva.
Następnie w CSS ostylować tego diva, dając mu np. padding-left i padding-right oraz float: left;. A co do problemu ilości zdjęć w rzędzie, to dodałem pomocniczą zmienną o nazwie licznik oraz drugą zmienną, która informuje ile ma być zdjęć w rzędzie - ma wybrałem 5. I następnie robie, jeśli licznik będzie = drugiej zmiennej czyli 5 to wyświetlam echo '<br /><br />'; Czyli dwie nowe linie. Teoretycznie może i jako tako pomyslane, ale w praktyce to nie działa za bardzo, tymbardziej ze zdjecia mają rózne rozmiary bo są i pionowe i poziome.
Wynik u mnie wygląda tak że jest jeden rząd 5 zdjęć, pozniej poniżej z prawej strony jest jedno zdjęcie, póżniej w kolejnym rzędzie znowu 5 zdjęć i znowu jedno...podejrzewam że coś z tym <br /> jest nie tak,ze tylko o jakąś czesc linii mi przesuwa a nie o całe zdjęcie nizej i nie ustawia po lewej mimo ze float left.
Dlatego chciałem zapytać jak Wy sobie radzicie z ładnym wyswietlaniem zdjęć na stronie
Go to the top of the page
+Quote Post
Spawnm
post
Post #2





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




daj tabele lub divy z stałym width i height , potem przy wyświetlaniu daj naliczanie np. $x++ i sprawdzanie $x%5==0 jeśli zero to łamiemy.
w przypadku tabel dodajesz <tr/> jeśli divy to zmieniasz klasę.
Go to the top of the page
+Quote Post
t4keda
post
Post #3





Grupa: Zarejestrowani
Postów: 57
Pomógł: 10
Dołączył: 14.10.2009

Ostrzeżenie: (0%)
-----


A nie lepiej jest zrobić to na liście? Nadajesz liście szerokość i w tej szerokości elementy muszą się zmieścić, jak się nie zmieszczą to do następnego rzędu zejdą.
Go to the top of the page
+Quote Post
thek
post
Post #4





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Div z wysokością i szerokością nadaną oraz float:left. W rzędzie zawsze będzie tyle ile się zmieści. Bez kombinowania z ifami i modulo by "łamać" wiersz po odpowiedniej ilości. Ale to tylko gdy mam mieć dużo na stronie. Wszystko od tego zależy jak planuję galerię dla end-usera wyświetlać. Czy miniaturki czy może z next, prev czy jeszcze inaczej.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.12.2025 - 23:37