Vorlage:Mehrspaltige Liste/Doku

Diese Seite ist die Dokumentations-Unterseite der Vorlage:Mehrspaltige Liste.

TemplateData

Listen mit Hilfe von CSS dynamisch in Spalten aufteilen, also abhängig von der momentanen Fensterbreite der Leser

Vorlagenparameter

Parameter		Beschreibung	Typ	Status
Listentext	1 liste	Inhalt der Liste in Wikitext	Wikitext	erforderlich
Spaltenbreite	breite	Mindestbreite der Spalten, vorzugweise in em Standard 30em Beispiel 25em	Einzeiliger Text	optional
Anzahl	anzahl	Maximale Zahl der Spalten Beispiel 2	Zahlenwert	optional
Abstand	abstand	Mindestabstand zwischen den Spalten, vorzugweise in em Standard 1em Beispiel 2em	Einzeiliger Text	optional
Gesamtbreite	gesamtbreite	Maximale Gesamtbreite der Liste, vorzugweise in em Beispiel 90em	Einzeiliger Text	optional

Format: block

Beschreibung

Diese Vorlage dient dazu, Listen mit Hilfe von CSS dynamisch in Spalten aufzuteilen, also abhängig von der Breite des Browserfensters. Bei geringen Bildschirmgrößen mit entsprechend kleineren Fenstern, beispielsweise auf Smartphones, wird der Text bei Bedarf automatisch einspaltig formatiert. Sie ersetzt die veralteten Vorlagen {{Spaltenbreite}} und {{Spaltenabstand}}.

Wichtig: Falls im Fließtext Gleichheitszeichen „=“ vorkommen, muss der benannte Parameter liste= verwendet werden; ansonsten müssten sie mit der HTML-Entität = ersetzt werden, weil sonst die Textanzeige unterbleibt.

Die Standardvorgabe für die Spaltenbreite ist 30em – bei einer Monitorbreite von 1920 Bildpunkten ergibt das 4 Spalten. Wenn die Spalten größere Bilder enthalten, sollte die breite= erhöht werden, um das Ineinanderverschieben der Spalten zu vermeiden (austesten); bei schmalen Textspalten kann die em-Zahl auch auf beispielsweise 15 heruntergesetzt werden, um mehr Spalten zu erhalten.

Kopiervorlage

{{Mehrspaltige Liste |breite= |anzahl= |abstand= |liste=

}}

Beispiele

Bsp.1, mit Stichpunkten

{{Mehrspaltige Liste|
* Eintrag 1
* Eintrag 2
* Eintrag 3
* Eintrag 4
* Eintrag 5
* Eintrag 6
}}

ergibt:

• Eintrag 1
• Eintrag 2
• Eintrag 3
• Eintrag 4
• Eintrag 5
• Eintrag 6

Bsp.2, mit Nummerierung

{{Mehrspaltige Liste|
# Eintrag 1
# Eintrag 2
# Eintrag 3
# Eintrag 4
# Eintrag 5
# Eintrag 6
}}

ergibt:

1. Eintrag 1
2. Eintrag 2
3. Eintrag 3
4. Eintrag 4
5. Eintrag 5
6. Eintrag 6

Bsp.3, Mindestspaltenbreite reduziert

{{Mehrspaltige Liste |breite=10em |anzahl= |abstand= |
* {{Lorem Ipsum/1}}
* {{Lorem Ipsum/2}}
}}

ergibt:

• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et lacinia purus. Fusce placerat odio interdum ante maximus, a sodales sem mattis. Maecenas non commodo ante. Morbi hendrerit ullamcorper eleifend. Nulla euismod tincidunt rhoncus. Etiam commodo dui eu pellentesque rhoncus. Nam vel fringilla mi, quis semper felis. Vestibulum at volutpat enim. Ut id nisl maximus, mollis nulla vitae, maximus diam.
• Etiam sagittis libero id finibus posuere. Sed tempus suscipit sodales. Praesent tempus velit et neque cursus, quis maximus elit consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin blandit condimentum pharetra. In consectetur tincidunt fermentum. Quisque justo erat, porttitor id pellentesque blandit, placerat sed nisi. Ut id lorem rutrum, aliquam justo at, viverra mauris. Nunc venenatis diam sit amet mauris eleifend ornare. Quisque hendrerit eros non tempus sodales.

Bsp.4, zusätzlich die maximale Spaltenanzahl begrenzt

{{Mehrspaltige Liste |breite=10em |anzahl=3 |abstand= |
* {{Lorem Ipsum/1}}
* {{Lorem Ipsum/2}}
}}

ergibt:

• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et lacinia purus. Fusce placerat odio interdum ante maximus, a sodales sem mattis. Maecenas non commodo ante. Morbi hendrerit ullamcorper eleifend. Nulla euismod tincidunt rhoncus. Etiam commodo dui eu pellentesque rhoncus. Nam vel fringilla mi, quis semper felis. Vestibulum at volutpat enim. Ut id nisl maximus, mollis nulla vitae, maximus diam.
• Etiam sagittis libero id finibus posuere. Sed tempus suscipit sodales. Praesent tempus velit et neque cursus, quis maximus elit consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin blandit condimentum pharetra. In consectetur tincidunt fermentum. Quisque justo erat, porttitor id pellentesque blandit, placerat sed nisi. Ut id lorem rutrum, aliquam justo at, viverra mauris. Nunc venenatis diam sit amet mauris eleifend ornare. Quisque hendrerit eros non tempus sodales.

Bsp.5, zusätzlich den Mindestabstand zwischen den Spalten erhöht

{{Mehrspaltige Liste |breite=10em |anzahl=3 |abstand=5em |
* {{Lorem Ipsum/1}}
* {{Lorem Ipsum/2}}
}}

ergibt:

• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et lacinia purus. Fusce placerat odio interdum ante maximus, a sodales sem mattis. Maecenas non commodo ante. Morbi hendrerit ullamcorper eleifend. Nulla euismod tincidunt rhoncus. Etiam commodo dui eu pellentesque rhoncus. Nam vel fringilla mi, quis semper felis. Vestibulum at volutpat enim. Ut id nisl maximus, mollis nulla vitae, maximus diam.
• Etiam sagittis libero id finibus posuere. Sed tempus suscipit sodales. Praesent tempus velit et neque cursus, quis maximus elit consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin blandit condimentum pharetra. In consectetur tincidunt fermentum. Quisque justo erat, porttitor id pellentesque blandit, placerat sed nisi. Ut id lorem rutrum, aliquam justo at, viverra mauris. Nunc venenatis diam sit amet mauris eleifend ornare. Quisque hendrerit eros non tempus sodales.