Hilfe:Tabellen

aus Wiki Aventurica, dem DSA-Fanprojekt
Wechseln zu: Navigation, Suche

Wikipedia: Hilfe:Tabellen

Hilfe

Ansprechpartner

Hilfe für Leser
FAQ - Suche im Wiki - Navigieren im Wiki
Wiki-Inhalte offline benutzen
Optimale Darstellung des Wikis
Personalisieren des Wikiaussehens

Hilfe für neue Autoren
Seite bearbeiten - Tutorium
Anleitung zu den Letzten Änderungen
Feeds der Wikiänderungen
Produktartikel erstellen
Richtlinien zur Mitarbeit

Seiten bearbeiten
Erstellen neuer Artikel
Editierhilfe
Erzeugen von Links
Einbinden von Bildern
Tabellenformatierung

Konventionen
Abkürzungen
Artikelformat
Kommentare zu bearbeiteten Seiten
Typographie
Inhaltliche Richtlinien
Erstellen neuer Artikel
Nomenklatur und Syntax für Quellenangaben
Kategorisierung des Wikis
Meisterinformationen

Weiterführende Seiten
Vorlage
Infobox
Kategorie
Namensraum
DPL
Roboter
Benutzung von CSS im Wiki
Links per CSS mit eigenen Grafiken versehen
Exceltabellen ins Wiki kopieren
Hilfeseiten der Wikipedia

Grundlagen[Bearbeiten]

Jede Tabelle im Wiki beginnt mit {| und endet mit |}. Dazwischen wird jede neue Zelle einer Zeile mit dem pipe-Symbol | begonnen, eine neue Zeile beginnt mit |-.

Code Aussehen Kommentar
{|
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Ganz einfaches Beispiel.
{|
|Zelle 1 ||Zelle 2
|-
|Zelle 3 ||Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Alternative Angabe für neue Zellen.

Komplexere Tabellen[Bearbeiten]

Rahmen[Bearbeiten]

Code Aussehen Kommentar
{| border="1"
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Rahmen um die Tabelle sowie die einzelnen Zellen.
{| border="1" style="border-collapse:collapse;"
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Verschmelze die Rahmen von Tabelle und Zellen.
{| style="border:1px solid;"
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Nur Rahmen um die Tabelle.
{| style="border: 1px #DEB887 solid;"
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Gefärbter Rahmen um die Tabelle.
{| border="1" style="border-collapse:collapse; border-color:#DEB887;"
|style="border-color:#DEB887;" |Zelle 1
|style="border-color:#DEB887;" |Zelle 2
|-
|style="border-color:#DEB887;" |Zelle 3
|style="border-color:#DEB887;" |Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Gefärbter Rahmen um jede Zelle. Rahmenfarbe wird nicht vererbt und muss daher bei jeder Zelle einzeln definiert werden. Alternativ muss man einen Eintrag analog zu der Definition von „wikitable“ in MediaWiki:Common.css machen.

Hervorgehobene Zellen[Bearbeiten]

Um Zellen hervorzuheben benutzt man statt dem pipe-Symbol das Ausrufezeichen !, um die Zelle zu beginnen. Der hervorgehobene Text wird dabei automatisch fett und zentriert.

Code Aussehen Kommentar
{| border="1"
!Zelle 1
!Zelle 2 - Inhalt
|-
|Zelle 3 - Inhalt
|Zelle 4
|}
Zelle 1 Zelle 2 - Inhalt
Zelle 3 - Inhalt Zelle 4
Hervorgehobene Zellen in erster Zeile ergeben Titelzeile.
{| border="1"
!Zelle 1 !!Zelle 2 - Inhalt
|-
|Zelle 3 - Inhalt ||Zelle 4
|}
Zelle 1 Zelle 2 - Inhalt
Zelle 3 - Inhalt Zelle 4
Platzsparende Variante.

Tabellenattribute[Bearbeiten]

Code Aussehen Kommentar
{| border="1" style="border-spacing:10px;"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Definiere Abstände zwischen den Zellen.
{| border="1" style="padding:10px;"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Definiere Abstand Zelleninhalt zu Zellenrahmen.
{| border="1" style="border-spacing:10px; padding:10px;"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Kombination.
{| border="1" style="background:#FFF7A5;"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Hintergrundfarbe der gesamten Tabelle. Liste der Farben unter Webfarben.
{| border="1" style="width:100%;"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Tabellenbreite festgelegt durch relative Angabe in Prozent der zur Verfügung stehenden Breite.
{| border="1" style="width:150px;"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Tabellenbreite festgelegt durch absolute Angabe in Pixeln.
{| border="1" style="float:right;"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Tabelle wird rechts angeordnet.
{| border="1" class="centered"
!Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Tabelle wird zentriert angeordnet.
{| border="1" style="text-align:center;"
!Zelle 1 mit viel Inhalt
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 mit viel Inhalt Zelle 2
Zelle 3 Zelle 4
Tabelleninhalt wird zentriert.

Zeilenattribute[Bearbeiten]

Code Aussehen Kommentar
{| border="1"
!Zelle 1
!Zelle 2
|- style="vertical-align:top;"
|Zelle 3
|Zelle 4
|-  style="vertical-align:middle;"
|Zelle 5
|Zelle 6
|-  style="vertical-align:bottom;"
|Zelle 7
|Zelle 8
|}
Zelle 1 Zelle 2
Inhalt
Oben
Zelle 3 Zelle 4
Inhalt
Zentriert
Zelle 5 Zelle 6
Inhalt
Unten
Zelle 7 Zelle 8
Vertikale Ausrichtung des Zelleninhalts einer ganzen Zeile.
{| border="1"
!Überschrift 1
!Überschrift 2
|- style="text-align:left;"
|Zelle 3
|Zelle 4
|- style="text-align:center;"
|Zelle 5
|Zelle 6
|- style="text-align:right;"
|Zelle 7
|Zelle 8
|}
Überschrift 1 Überschrift 2
Zelle 3 Zelle 4
Zelle 5 Zelle 6
Zelle 7 Zelle 8
Horizontale Ausrichtung des Zelleninhalts einer ganzen Zeile.
{| border="1"
!Zelle 1
!Zelle 2
|- style="background-color:#FFF7A5;"
|Zelle 3
|Zelle 4
|-
|Zelle 5
|Zelle 6
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Zelle 5 Zelle 6
Hintergrundfarbe einer Zeile. Liste der Farben unter Webfarben.

Zellenattribute[Bearbeiten]

Es ist möglich, einzelnen Zellen individuelle Attribute zuzuweisen. Dabei benutzt man folgenden Code:

| Zellenattribute | Zelleninhalt
Code Aussehen Kommentar
{| border="1"
!Zelle 1
!Zelle 2
|-
|colspan="2"|Zelle 3
|-
|Zelle 5
|Zelle 6
|}
Zelle 1 Zelle 2
Zelle 3
Zelle 5 Zelle 6
Verbinde Zellen in horizontaler Richtung.
{| border="1"
!Zelle 1
!Zelle 2
|-
|rowspan="2"|Zelle 3
|Zelle 4
|-
|Zelle 5
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Zelle 5
Verbinde Zellen in vertikaler Richtung.
{| border="1"
!Zelle 1
!Zelle 2
!Zelle 3
|-
|rowspan="2" colspan="2"|Zelle 4
|Zelle 5
|-
|Zelle 6
|-
|Zelle 7
|Zelle 8
|Zelle 9
|}
Zelle 1 Zelle 2 Zelle 3
Zelle 4 Zelle 5
Zelle 6
Zelle 7 Zelle 8 Zelle 9
Kombination.
{| border="1"
! Überschrift 1
! Überschrift 2
! Überschrift 3
|-
| style="text-align:left;" | Zelle 1
| style="text-align:center;" | Zelle 2
| style="text-align:right;" | Zelle 3
|}
Überschrift 1 Überschrift 2 Überschrift 3
Zelle 1 Zelle 2 Zelle 3
Horizontale Ausrichtung des Zelleninhalts einzelner Zellen.
{| border="1"
|-
!Wichtiger<br />Inhalt
| style="vertical-align:top;" | Zelle 1
| style="vertical-align:middle;" | Zelle 2
| style="vertical-align:bottom;" | Zelle 3
|}
Wichtiger
Inhalt
Zelle 1 Zelle 2 Zelle 3
Vertikale Ausrichtung des Zelleninhalts einzelner Zellen.
{| border="1"
!Zelle 1
!Zelle 2
|-
|Zelle 3
| style="background-color:#FFF7A5" |Zelle 4
|-
|Zelle 5
|Zelle 6
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Zelle 5 Zelle 6
Hintergrundfarbe einer Zelle. Liste der Farben unter Webfarben.
{| border="1"
!style="width:75%;" |Zelle 1
!Zelle 2
|-
|Zelle 3
|Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Spaltenbreite festgelegt durch relative Angabe in Prozent der Gesamtbreite der Tabelle. Eine beliebige Zelle der entsprechenden Spalte kann dafür verwendet werden, es ist jedoch praktisch, die erste Zelle der Spalte zu wählen.
{| border="1"
!style="padding:10px 0px 10px 0px;" |Zelle 1
!Zelle 2
|-
|Zelle 3
|style="padding:0px 10px 0px 10px;" |Zelle 4
|}
Zelle 1 Zelle 2
Zelle 3 Zelle 4
Abstand zum Rahmen der Zelle, wobei in der Reihenfolge oben, rechts, unten, links festgelegt wird. Alternativ padding-top, padding-right, padding-bottom und padding-left benutzen.

Verschachtelte Tabellen[Bearbeiten]

Es ist möglich mehrere Tabellen ineinander zu verschachteln.

Code Aussehen Kommentar
{| border="1"
!Zelle 1
!Zelle 2
!Zelle 3
|-
| Zelle 4
|
{| border="1"
| Zelle A
|-
| Zelle B
|}
| Zelle 6
|}
Zelle 1 Zelle 2 Zelle 3
Zelle 4
Zelle A
Zelle B
Zelle 6
Bei komplizierten verschachtelten Tabellen verliert man möglicherweise den Überblick über den Quellcode.

Anordnung von Tabellen[Bearbeiten]

Da meist jeder seine ganz eigenen Bildschirmauflösungen, Einstellungen und ähnliches hat, sind die Anordnungen nicht bei jedem gleich und es kann ungewollt zu Überlagerungseffekten kommen, wie auf diesem Bild. Um eine Tabelle darum richtig zu platzieren hilft die folgende Anweisung um die Tabelle als Objekt am rechten Rand zu platzieren, wobei X für die Tabelle steht, sie wird praktisch umrahmt:

<div style="width:100%; float:right;"> X </div>

Alternativ kann man die den Tabellenstyle auch so definieren:

style="clear:right; float:right;"

Beides führt zu diesem Resultat: Datei:Überlagerung.png.

Häufig im Wiki benutzte Tabellenarten[Bearbeiten]

Folgende vordefinierte Tabellenarten werden im Wiki verwendet (die Definitionen sind nachzulesen in MediaWiki:Common.css und MediaWiki:Monobook.css):

Code Aussehen Kommentar
{| class="wikitable"
! Überschrift 1 !! Überschrift 2 !! Überschrift 3
|-
| Objekt 1 || Nummer 2 || Zahl 3
|-
| Objekt 2 || Nummer 3 || Zahl 1
|-
| Objekt 3 || Nummer 1 || Zahl 2
|}
Überschrift 1 Überschrift 2 Überschrift 3
Objekt 1 Nummer 2 Zahl 3
Objekt 2 Nummer 3 Zahl 1
Objekt 3 Nummer 1 Zahl 2
Die Standardtabelle des Wikis.
{| class="wikitable sortable"
! Überschrift 1 !! Überschrift 2 !! Überschrift 3
|-
| Objekt 1 || Nummer 2 || Zahl 3
|-
| Objekt 2 || Nummer 3 || Zahl 1
|-
| Objekt 3 || Nummer 1 || Zahl 2
|}
Überschrift 1 Überschrift 2 Überschrift 3
Objekt 1 Nummer 2 Zahl 3
Objekt 2 Nummer 3 Zahl 1
Objekt 3 Nummer 1 Zahl 2
Standardtabelle mit Sortierfunktion.

Links[Bearbeiten]