Hilfe:Tabellen

Tabellen dienen der übersichtlichen Darstellung von Informationen. Im folgenden wird das notwendige Wiki Markup für die verschiedenen Formen erklärt.

Hinweise zur Benutzung von Tabellen

Bei der Benutzung von Tabellen gibt es einige Punkte zu beachten:

Tabellen sind unflexibel und ermöglichen im Regelfall kein Responsive Webdesign, welches auch auf Mobilgeräten optimal dargestellt werden kann. Benutze sie nicht, für die Anordnung von Objekten wie zum Beispiel bei Bildergalerien. Dafür gibt es bessere Werkzeuge.
Benutze, wenn vorhanden, existierende Vorlagen für bestimmte Tabellen. So wird ein einheitliches Design in allen Artikeln gewährleistet. En Beispiel dafür ist die Feiertagsvorlage
Überlege dir, ob die Informationfülle, für die Tabellen normalerweie benutzt werden, auf Wikivoyage notwendig ist. Fahrpläne, Routemaps usw. bilden wir hier im Regelfall nicht ab, da sich solche Informationen zu oft ändern, sondern geben eine Quelle an.
Benutze unsere Standardklassen für Tabellen und vermeide persönliche Designelemente wie individuelle Rahmen, Schatten, Farben und Schriftarten.

Syntax für Tabellen

Am Beispiel einiger Feiertage aus dem Artikel Libanon ist in den folgenden Beispielen die Syntax für Tabellen erklärt. Die Syntax benötigst du, wenn du den Quelltext eines Artikels bearbeitest. Der VisualEditor besitzt dagegen einfacher zu handhabende Werkzeuge.

Einfache Tabellenstruktur

Das folgende Beispiel zeigt eine einfache Tabellenstruktur. Aufgrund der fehlenden Rahmenlinien ist sie im Artikel kaum nutzbar, veranschaulicht aber die Syntax.

Datum	Name	Bedeutung
01. Januar	Neujahrstag	Neujahr
02. Januar	Eid al-Adha	Opferfest
09. Februar	Opferfest von St. Maron	Christlicher Feiertag
30. März	Mouloud	Geburtstag des Propheten

Für die Sytnax gibt es zwei Varianten. In der kompakten Form werden Zellen durch eine Doppelpipe getrennt.

{|
| Datum || Name || Bedeutung
|-
| 01. Januar || Neujahrstag || Neujahr
|-
| 02. Januar || Eid al-Adha || Opferfest
|-
...
|}

Hast du lange Texte, solltest du jede Zelle mit einer Pipe in einer neuen Zeile beginnen. Das macht den Artikelcode lesbarer. Das Ergebnis ist identisch.

{|
| Datum || Name || Bedeutung
|-
| 01. Januar 
| Neujahrstag 
| Neujahr
|-
| 02. Januar 
| Eid al-Adha 
| Opferfest
|-
...
|}

Tabelle mit Kopfzeilen

Ein Ausrufezeichen am Beginn kennzeichnet die Zeile als Kopfzeile. Deren Inhalt wird standardmäßig fett dargestellt.

Datum	Name	Bedeutung
01. Januar	Neujahrstag	Neujahr
02. Januar	Eid al-Adha	Opferfest
09. Februar	Opferfest von St. Maron	Christlicher Feiertag
30. März	Mouloud	Geburtstag des Propheten

{|
! Datum || Name || Bedeutung
|-
| 01. Januar || Neujahrstag || Neujahr
|-
| 02. Januar || Eid al-Adha || Opferfest
|-
...
|}

Tabelle mit Überschrift

Man kann einer Tabelle auch eine zentriert dargestellte Überschrift mitgeben.

Feiertage im Libanon
Datum	Name	Bedeutung
01. Januar	Neujahrstag	Neujahr
02. Januar	Eid al-Adha	Opferfest
09. Februar	Opferfest von St. Maron	Christlicher Feiertag
30. März	Mouloud	Geburtstag des Propheten

{|
|+ Feiertage im Libanon
! Datum || Name || Bedeutung
|-
| 01. Januar || Neujahrstag || Neujahr
|-
| 02. Januar || Eid al-Adha || Opferfest
|-
...
|}

Tabelle im Wikivoyage-Standarddesign

Durch Angabe einer CSS-Klasse kann man eine Tabelle formatieren. Wikivoyage-Standard ist prettytable. Sie formatiert eine Tabelle in unserem Corporate Design und reicht für fast alle Anwendungen. In allen Wikis gibt es standardmäßig eine native Klasse wikitable. Sie hat graue Rahmenlinien, funktioniert immer, ist mit allen Wikis kompatibel, entspricht aber nicht unserem Corporate Design.

Feiertage im Libanon
Datum	Name	Bedeutung
01. Januar	Neujahrstag	Neujahr
02. Januar	Eid al-Adha	Opferfest
09. Februar	Opferfest von St. Maron	Christlicher Feiertag
30. März	Mouloud	Geburtstag des Propheten

{| class="prettytable"
|+ Feiertage im Libanon
! Datum || Name || Bedeutung
|-
| 01. Januar || Neujahrstag || Neujahr
|-
| 02. Januar || Eid al-Adha || Opferfest
|-
...
|}

Große Tabellen

In großen Tabellen kann man schnell den Überblick verlieren. Die zusätzliche Klasse multiline schafft Abhilfe mit wechselnden Hintergrundfarben.

Feiertage im Libanon
Datum	Name	Bedeutung
01. Januar	Neujahrstag	Neujahr
02. Januar	Eid al-Adha	Opferfest
09. Februar	Opferfest von St. Maron	Christlicher Feiertag
30. März	Mouloud	Geburtstag des Propheten

{| class="prettytable multiline"
|+ Feiertage im Libanon
! Datum || Name || Bedeutung
|-
| 01. Januar || Neujahrstag || Neujahr
|-
| 02. Januar || Eid al-Adha || Opferfest
|-
...
|}

Sortierbare Tabellen

Eine zusätzliche Klasse bietet die Möglichkeit, eine Tabelle sortierbar zu machen. Ein Klick in die Kopfzelle sortiert die Tabelle nach der entsprechenden Spalte.

Feiertage im Libanon
Datum	Name	Bedeutung
01. Januar	Neujahrstag	Neujahr
02. Januar	Eid al-Adha	Opferfest
09. Februar	Opferfest von St. Maron	Christlicher Feiertag
30. März	Mouloud	Geburtstag des Propheten

{| class="prettytable multiline sortable"
|+ Feiertage im Libanon
! Datum || Name || Bedeutung
|-
| 01. Januar || Neujahrstag || Neujahr
|-
| 02. Januar || Eid al-Adha || Opferfest
|-
...
|}

Zellen vereinigen

Man kann auch Zellen vereinigen, indem man die im HTML bekannten Attribute übergibt. Über eine zusätzliche Pipe kann man diese im Wiki-Markup einfügen.

Feiertage im Libanon
Datum	Name	Bedeutung
01. Januar	Neujahrstag
02. Januar	Eid al-Adha	Opferfest
09. Februar	Opferfest von St. Maron	Christlicher Feiertag
30. März	Mouloud	Geburtstag des Propheten

{| class="prettytable multiline sortable"
|+ Feiertage im Libanon
! Datum || Name || Bedeutung
|-
| 01. Januar
| colspan="2" | Neujahrstag
|-
| 02. Januar || Eid al-Adha || Opferfest
|-
...
|}

Hier werden die Zellen zweier Zeilen verbunden

Feiertage im Libanon
Datum	Name	Bedeutung
01. Januar	Neujahrstag	Neujahr
02. Januar	Neujahrstag	Opferfest
09. Februar	Opferfest von St. Maron	Christlicher Feiertag
30. März	Mouloud	Geburtstag des Propheten

{| class="prettytable multiline sortable"
|+ Feiertage im Libanon
! Datum || Name || Bedeutung
|-
| 01. Januar
| rowspan="2" | Neujahrstag 
| Neujahr
|-
|02. Januar || Opferfest
|-
...
|}

Zellen gestalten

Man kann Zellen auch mit dem style-Attribut gestalten.

Feiertage im Libanon
Datum	Name	Bedeutung
01. Januar	Neujahrstag	Neujahr
02. Januar	Eid al-Adha	Opferfest
09. Februar	Opferfest von St. Maron	Christlicher Feiertag
30. März	Mouloud	Geburtstag des Propheten

{| class="prettytable multiline sortable"
|+ Feiertage im Libanon
! Datum || Name || Bedeutung
|-
| 01. Januar
| style="color: red; font-style: italic;" | Neujahrstag || Neujahr
|-
| 02. Januar || Eid al-Adha || Opferfest
|-
...
|}

Verfügbare Klassen für Tabellen

Standardisierte Vorlagen für Tabellen

Wie in den allgemeinen Hinweisen erwähnt, gibt es für häufig verwendete Tabellenkonstruktionen eigene Vorlagen, die du verwenden solltest. Wünschst du Anpassungen an solchen Konstruktionen oder hast neue Ideen, wende dich bitte an die Vorlagenwerkstatt.

Vorlagen/Quickbars – Unser Werkzeugkasten für die Infoboxen
Feiertag – Generierung der Tabelle für die Feiertage.

Siehe auch

Projektseiten

CSS-Klassen – Dokumentation der auf Wikivoyage verfügbaren CSS-Klassen

Wikipedia

CSS – Was sind Cascading Style Sheets?