Vorlage:Mehrspaltige Liste

aus Wikipedia, der freien Enzyklopädie


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.

Vorlagenparameter

Spaltenbreitebreite
Mindestbreite der Spalten, vorzugweise in em
Standard
30em
Beispiel
15em
Anzahlanzahl
Maximale Zahl der Spalten
Vorgeschlagene Werte
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
Beispiel
2
Abstandabstand
Mindestabstand zwischen den Spalten, vorzugweise in em
Standard
1em
Beispiel
2em
Gesamtbreitegesamtbreite
Maximale Gesamtbreite der Liste, vorzugweise in em
Beispiel
90em
Listentextliste
1
Inhalt der Liste in Wikitext

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.

Vorlagenparameter

Diese Vorlage hat eine benutzerdefinierte Formatierung.

ParameterBeschreibungTypStatus
Spaltenbreitebreite

Mindestbreite der Spalten, vorzugweise in em

Standard
30em
Beispiel
15em
Zeileoptional
Anzahlanzahl

Maximale Zahl der Spalten

Vorgeschlagene Werte
2 3 4 5 6 7 8 9
Beispiel
2
Nummeroptional
Abstandabstand

Mindestabstand zwischen den Spalten, vorzugweise in em

Standard
1em
Beispiel
2em
Zeileoptional
Gesamtbreitegesamtbreite

Maximale Gesamtbreite der Liste, vorzugweise in em

Beispiel
90em
Zeileoptional
Listentextliste 1

Inhalt der Liste in Wikitext

Inhalterforderlich

Beschreibung

Wichtig

  • Falls im Fließtext Gleichheitszeichen „=“ vorkommen, müssen sie mit der HTML-Entität = ersetzt werden, weil sonst die Textanzeige unterbleibt.
  • Besser ist es daher, den benannten Parameter liste= zu verwenden.

Anzahl der Spalten

 Info: Die tatsächliche Anzahl der Spalten kann von der Angabe im Parameter anzahl= abweichen, weil sie sich dynamisch an die verfügbare Bildschirmbreite anpasst.

  • 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).
    • Zusätzlich kann die maximale Anzahl der Spalten festgelegt werden
    • Bei schmalen Textspalten kann die em-Zahl auch auf beispielsweise 15em heruntergesetzt werden, um mehr Spalten zu erhalten.
  • In manchen Fällen kann es sinnvoll sein, zusätzlich eine maximale Gesamtbreite anzugeben.

Kopiervorlage

Einfach Standard

{{Mehrspaltige Liste |liste=
‹Inhalt›
}}

Alle Parameter

{{Mehrspaltige Liste |breite= |gesamtbreite= |anzahl= |abstand= |liste=
‹Inhalt›
}}

Beispiele

Bsp. 1, mit Stichpunkten

{{Mehrspaltige Liste |liste=
* Eintrag 1
* Eintrag 2
* Eintrag 3
* Eintrag 4
* Eintrag 5
* Eintrag 6
* Eintrag 7
* Eintrag 8
* Eintrag 9
* Eintrag 10
…
}}

ergibt:

  • Eintrag 1
  • Eintrag 2
  • Eintrag 3
  • Eintrag 4
  • Eintrag 5
  • Eintrag 6
  • Eintrag 7
  • Eintrag 8
  • Eintrag 9
  • Eintrag 10

Bsp. 2, mit Nummerierung

{{Mehrspaltige Liste |liste=
# Eintrag
# Eintrag
# Eintrag
# Eintrag
# Eintrag
# Eintrag
# Eintrag
# Eintrag
# Eintrag
# Eintrag
…
}}

ergibt:

  1. Eintrag
  2. Eintrag
  3. Eintrag
  4. Eintrag
  5. Eintrag
  6. Eintrag
  7. Eintrag
  8. Eintrag
  9. Eintrag
  10. Eintrag

Bsp. 3, Mindestspaltenbreite reduziert

{{Mehrspaltige Liste |breite=15em |liste=
{{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, Mindestbreite mit begrenzer Spaltenanzahl

{{Mehrspaltige Liste |breite=10em |anzahl=2 |liste=
{{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, Mindestbreite mit Abstand zwischen den Spalten

{{Mehrspaltige Liste |breite=10em |abstand=5em |liste=
{{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. 6, Liste mit maximaler Gesamtbreite

 Info: Die Angabe für gesamtbreite sollte größer sein als breite × anzahl.

{{Mehrspaltige Liste |breite=5em |gesamtbreite=30em |anzahl=5 |liste=
* 1800
* 1810
* 1820
* 1830
* 1840
* 1850
* 1860
* 1870
* 1880
* 1890
* 1900
* 1910
* 1920
* 1930
* 1940
* 1950
* 1960
* 1970
* 1980
* 1990
* 2000
* 2010
* 2020
}}

ergibt:

  • 1800
  • 1810
  • 1820
  • 1830
  • 1840
  • 1850
  • 1860
  • 1870
  • 1880
  • 1890
  • 1900
  • 1910
  • 1920
  • 1930
  • 1940
  • 1950
  • 1960
  • 1970
  • 1980
  • 1990
  • 2000
  • 2010
  • 2020

Siehe auch