Szablon:Układ wielokolumnowy

 Dokumentacja szablonu [zobacz] [edytuj] [historia] []

Użycie

Szablon powoduje wyświetlenie treści w kilku kolumnach. Liczba kolumn może być elastyczna (zależna od szerokości okna przeglądarki).

Dwie formy użycia są zalecane:

{{Układ wielokolumnowy | szerokość = minimalna szerokość | liczba = maksymalna liczba kolumn | tekst }}
{{Układ wielokolumnowy | szerokość = minimalna szerokość | tekst }}

Znane problemy

• Ustawienie samego parametru „liczba” nie jest zalecane. Zbyt wiele kolumn (więcej niż 2) może powodować ściśnięcie tekstu w sposób nieczytelny.
• Działanie szablonu może być zakłócane przez niektóre znaki, na przykład „=”. Można poprzedzić tekst podaniem parametru „|1 = tekst”.
• W przeglądarce Internet Explorer w wersji poniżej 10 lista nie będzie dzielona na kolumny (ale będzie wyświetlana prawidłowo).

Przykłady

Przykład z szerokością

{{Układ wielokolumnowy | szerokość = 200px | ...}}

Treść zostanie rozlokowana w kolumnach o szerokości nie mniejszej niż 200 pikseli. Liczba kolumn będzie zależeć od szerokości okna przeglądarki (zobacz: responsive web design).

• Agami
• Aleksandria – Port Wschodni
• Aleksandria – Port Zachodni
• Amreya
• Anfoushi
• Assafra
• Attarine
• Azarita (Mazarita, oryginalnie Lazarette)
• Bab Sidra
• Bahari
• Bachus
• Bulkeley (Bokla)
• Burg el-Arab
• Cleopatra
• Dekheila
• Śródmieście
• Fleming
• Gabbari (Qabbari)
• Gianaclis
• Glym (skrót od Glymenopoulos)
• Gumrok
• Hadara
• Ibrahimeya
• Kabbary (Qabbary)
• King Mariout
• Kafr Abdu
• Karmous (Karmouz)
• Kom el-Dik (Kom el-Dekka)
• Labban
• Laurent
• Maamoura Beach
• Maamoura
• Mafrouza
• Mandara
• Manshiyya
• Mex
• Miami
• Montaza
• Muharram Bey
• Mustafa Kamel
• Ramleh (el-Raml)
• Ras el-Tin
• Rushdy
• Saba Pasha
• San Stefano
• Shatby
• Schutz
• Sidi Bishr
• Sidi Gaber
• Smouha
• Sporting
• Stanley
• Syouf
• Tharwat
• Victoria
• Wardeyan
• Zizinia

Przykład z liczbą

{{Układ wielokolumnowy | szerokość = 200px | liczba = 3 | ...}}

W tym wypadku szerokość kolumny będzie wynosić co najmniej 200px, a liczba kolumn maksymalnie 3. Ten wariant jest najlepszy jeśli nie chcemy, żeby kolumn nie było zbyt dużo w szerokim oknie. Jednocześnie układ nadal pozostaje responsywny (będzie wyglądał dobrze na komórce).

W Twojej przeglądarce wygląda to tak:

• Agami
• Aleksandria – Port Wschodni
• Aleksandria – Port Zachodni
• Amreya
• Anfoushi
• Assafra
• Attarine
• Azarita (Mazarita, oryginalnie Lazarette)
• Bab Sidra
• Bahari
• Bachus
• Bulkeley (Bokla)
• Burg el-Arab
• Cleopatra
• Dekheila
• Śródmieście
• Fleming
• Gabbari (Qabbari)
• Gianaclis
• Glym (skrót od Glymenopoulos)
• Gumrok
• Hadara
• Ibrahimeya
• Kabbary (Qabbary)
• King Mariout
• Kafr Abdu
• Karmous (Karmouz)
• Kom el-Dik (Kom el-Dekka)
• Labban
• Laurent
• Maamoura Beach
• Maamoura
• Mafrouza
• Mandara
• Manshiyya
• Mex
• Miami
• Montaza
• Muharram Bey
• Mustafa Kamel
• Ramleh (el-Raml)
• Ras el-Tin
• Rushdy
• Saba Pasha
• San Stefano
• Shatby
• Schutz
• Sidi Bishr
• Sidi Gaber
• Smouha
• Sporting
• Stanley
• Syouf
• Tharwat
• Victoria
• Wardeyan
• Zizinia

Parametry szablonu (strukturyzacja VE)

Szablon służy do tworzenia układu wielokolumnowego z zachowaniem grup.

Parametry szablonu

Parametr		Opis	Typ	Status
minimalna szerokość	szerokość	Minimalna szerokość kolumn (np. 200px, 20em). Domyślne 20em	Ciąg znaków	wymagany
liczba kolumn	liczba	Maksymalna liczba kolumn.	Liczba	opcjonalny
treść	1	Treść, która ma być podzielona na kolumny.	Ciąg znaków	wymagany

Zobacz też

• {{Kolumny-start}} – szablon do tworzenia układu wielokolumnowego z zachowaniem grup.
• {{col-begin}} – przestarzały szablon do sztywnych kolumn.

Linki zewnętrzne

• MDN: column-count.
• CSS Multi-column Layout Module, specyfikacja na stronach W3C.