Pobieranie danych i podzial na listy co 4 elementy |
Pobieranie danych i podzial na listy co 4 elementy |
26.03.2011, 20:08:52
Post
#1
|
|
Grupa: Zarejestrowani Postów: 1 006 Pomógł: 111 Dołączył: 23.07.2010 Skąd: Kraków Ostrzeżenie: (0%) |
Witam
Mam pewną zagwozdkę z którą nie mogę się uporać. Pobieram z bazy danych linki do obrazków. Chcę je teraz wyświetlić na stronie, ale w taki sposób, aby były po 4 w linijce. Robię więc to na listach (poniżej przykład): A w CSS oczywiście jest jako inline. Teraz aby wyświetlić 2 rząd to robię kolejną listę. W jaki sposób to zautomatyzować, aby po wielokrotności 4 elementu robiło nową listę? Czy dość poprawnie będzie zrobienie czegoś takiego: i po 4 elemencie wstawiać br ? Kompletnie nie mam pomysłu jak to ugryźć :/ -------------------- |
|
|
26.03.2011, 20:15:08
Post
#2
|
|
Grupa: Zarejestrowani Postów: 273 Pomógł: 21 Dołączył: 28.11.2010 Ostrzeżenie: (10%) |
-------------------- |
|
|
26.03.2011, 20:18:00
Post
#3
|
|
Grupa: Zarejestrowani Postów: 275 Pomógł: 32 Dołączył: 21.03.2006 Skąd: Warszawa Ostrzeżenie: (20%) |
A rozmiary obrazków są takie same? Czy każde li musi mieć takie samo width? Bo najprostszym rozwiązaniem jest
Kod ul { width: 800px; } li { width: 190px; margin: 0 5px; float: left; list-style-type: none; } i wtedy masz co 4 punkty listy nową linię zautomatyzowaną przez CSS. |
|
|
26.03.2011, 20:18:21
Post
#4
|
|
Grupa: Zarejestrowani Postów: 1 374 Pomógł: 149 Dołączył: 1.03.2006 Ostrzeżenie: (0%) |
A nie lepiej div o takiej szerokości, żeby się tylko 4 mieściły? albo w pętli odliczać do 4 i wstawiać </ul><ul>?
Albo podzielić tablicę z danymi na kawałki po 4 szt. -------------------- |
|
|
26.03.2011, 20:38:36
Post
#5
|
|
Grupa: Zarejestrowani Postów: 1 006 Pomógł: 111 Dołączył: 23.07.2010 Skąd: Kraków Ostrzeżenie: (0%) |
Dziękuję za odpowiedzi Są bardzo pomocne, ale nad wybraniem rozwiązania muszę się jeszcze zastanowić
-------------------- |
|
|
26.03.2011, 20:44:49
Post
#6
|
|
Grupa: Zarejestrowani Postów: 275 Pomógł: 32 Dołączył: 21.03.2006 Skąd: Warszawa Ostrzeżenie: (20%) |
A nie lepiej div o takiej szerokości, żeby się tylko 4 mieściły? albo w pętli odliczać do 4 i wstawiać </ul><ul>? Ale po co jeszcze zbędny div wstawiać, skoro można ograniczyć blok już w <ul>? Trochę bez sensowne pisanie kodu.Albo podzielić tablicę z danymi na kawałki po 4 szt. |
|
|
26.03.2011, 21:06:24
Post
#7
|
|
Grupa: Zarejestrowani Postów: 1 374 Pomógł: 149 Dołączył: 1.03.2006 Ostrzeżenie: (0%) |
Miałam na myśli divy zamiast ul/li a jeśli to mają być same zdjęcia, bez tytułów i innych dodatków to porostu same zdjęcia z float left i tak ustawionymi marginesami, żeby się mieściły tylko 4 w linii.
-------------------- |
|
|
27.03.2011, 01:08:49
Post
#8
|
|
Grupa: Zarejestrowani Postów: 2 958 Pomógł: 574 Dołączył: 23.09.2008 Skąd: wiesz, że tu jestem? Ostrzeżenie: (0%) |
Ten post edytował CuteOne 27.03.2011, 01:51:44 |
|
|
Wersja Lo-Fi | Aktualny czas: 25.04.2024 - 10:20 |