tabelaryczne rozmieszczenie DIV-ów

tabelaryczne rozmieszczenie DIV-ów, galeria

czachor Zobacz profil	12.09.2007, 20:50:13 Post #1
Grupa: Zarejestrowani Postów: 897 Pomógł: 40 Dołączył: 16.12.2003 Skąd: Warszawa Ostrzeżenie: (0%)	Witam, potrzebuję rozmieścić obok siebie N obrazków z podpisem pod każdym (czyli po prostu galeria). Przenoszenie do następnego rzędu oczywiście robi się samo na zasadzie "nie mieści się". Próbuję zrobić to w ten sposób: [HTML] pobierz, plaintext <html> <head> <style> div { display: inline; } </style> </head> <body> <div> <img src="bm166.jpg" alt="" /> podpis </div> <div> <img src="bm166.jpg" alt="" /> podpis </div> <div> <img src="bm166.jpg" alt="" /> podpis </div> <div> <img src="bm166.jpg" alt="" /> podpis </div> <div> <img src="bm166.jpg" alt="" /> podpis </div> <div> <img src="bm166.jpg" alt="" /> podpis </div> //itd </body> </html> [HTML] pobierz, plaintext Wynik: obrazki są obok siebie, ale podpis nie układa się pod obrazek. Aha, nie chcę zrobić sztywnej liczby obrazków w rzędzie. Nie wiem już, jak to zrobić, kombinowałem z clear, ale nic z tego. Wydawało mi się, że to prosta sprawa, ale chyba czegoś nie zauważam... Z góry dzięki za pomoc! Ten post edytował czachor 12.09.2007, 20:51:54 -------------------- how many SEO experts does it take to change a light bulb,lightbulb,light,bulb,lamp,lighting,switch,sex,xxx 5-Reasons-why-you-should-NEVER-fix-a-computer-for-free

Odpowiedzi (1 - 6)

phpion Zobacz profil	12.09.2007, 20:56:50 Post #2
Grupa: Moderatorzy Postów: 6 072 Pomógł: 861 Dołączył: 10.12.2003 Skąd: Dąbrowa Górnicza	[HTML] pobierz, plaintext <div> <img src="bm166.jpg" alt="" /> <p>podpis</p> </div> [HTML] pobierz, plaintext

tehn Zobacz profil	12.09.2007, 21:00:39 Post #3
Grupa: Zarejestrowani Postów: 63 Pomógł: 0 Dołączył: 8.09.2007 Ostrzeżenie: (0%)	albo <br/> po obrazku... -------------------- sidzina

czachor Zobacz profil	12.09.2007, 21:03:39 Post #4
Grupa: Zarejestrowani Postów: 897 Pomógł: 40 Dołączył: 16.12.2003 Skąd: Warszawa Ostrzeżenie: (0%)	Właśnie w tym problem, że tak próbowałem, ale w obu przypadkach obrazki układają się jeden pod drugim... -------------------- how many SEO experts does it take to change a light bulb,lightbulb,light,bulb,lamp,lighting,switch,sex,xxx 5-Reasons-why-you-should-NEVER-fix-a-computer-for-free

phpion Zobacz profil	12.09.2007, 21:16:37 Post #5
Grupa: Moderatorzy Postów: 6 072 Pomógł: 861 Dołączył: 10.12.2003 Skąd: Dąbrowa Górnicza	To może w stylach nadaj szerokość dla <p> taką, jaką ma obrazek.

tehn Zobacz profil	12.09.2007, 21:19:05 Post #6
Grupa: Zarejestrowani Postów: 63 Pomógł: 0 Dołączył: 8.09.2007 Ostrzeżenie: (0%)	spróbuj w stylu dla diva dać float: left lub right albo użyć zamiast divów spany... coś powinno zadziałać... -------------------- sidzina

czachor Zobacz profil	12.09.2007, 22:16:56 Post #7
Grupa: Zarejestrowani Postów: 897 Pomógł: 40 Dołączył: 16.12.2003 Skąd: Warszawa Ostrzeżenie: (0%)	Przy pomocy kilku osób mam to: [HTML] pobierz, plaintext <style> div { float: left; margin: 3px; } p { clear: left; text-align: center; } </style> ... <div> <img src="bm166.jpg" alt="" /> <p>podpis</p> </div> [HTML] pobierz, plaintext Działa jak trzeba. Mam jeszcze jedno pytanie... Teraz chciałbym to wyśrodkować w poziomie i pionie, ale text-align, margin: auto ani vertical-align nie działa... Ten float trochę jest tego powodem... wie ktoś, jak to ugryźć? Ten post edytował czachor 12.09.2007, 22:18:54 -------------------- how many SEO experts does it take to change a light bulb,lightbulb,light,bulb,lamp,lighting,switch,sex,xxx 5-Reasons-why-you-should-NEVER-fix-a-computer-for-free

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Aktualny czas: 19.08.2025 - 16:08

Hosting zapewnia