Hilfe:Start/ Tabellenpositionierung
- Allgemein: Willkommen – Kommentieren – Korrigieren / Bearbeiten – Anleitung für Nachnutzung
- Menü-Übersicht: Lesen und Bearbeiten – Diskussionsseiten – Bearbeitung abschließen – Menüpunkte links – Datei hochladen
- Persönliches Menü: Benutzerseite – Eigene Diskussionsseite – Einstellungen – Beobachtungsliste – Eigene Beiträge – Anmelden
- Seiten gestalten: Wiki-Markup mit Beispiel1 – Überschriften, Gliederung – Vorlagen – Schrift (HTML) – Hervorhebungen (HTML) – Rahmen (HTML)
- Überblick zu Tabellen: Tabellen – Tabellenkopf – Positionierung auf der Seite – Tabellen gestalten – Verschachtelte Tabellen
Normalerweise werden Tabellen in Wiki-Seiten linksbündig ohne Textumfluss dargestellt. Eine andere Darstellung kann mit speziellen CSS-Klassen erreicht werden.
Wir nehmen wieder die einfache Beispiel-Tabelle der vorigen Seite:
{| class="wikitable"
|+ <big>Einfaches Beispiel</big>
! Spalte 1 || Spalte 2 || Spalte 3
|-
| Z1S1 || Z1S2 || Z1S3
|-
| Z2S1 || Z2S2 || Z2S3
|}
|
und was wir dadurch erhalten
|
Diese Tabelle wird jetzt mit einfachem Text verbunden; dieser Text steht in Vorlage:Blindtext und wird mit {{Blindtext}} {{Blindtext}} {{Blindtext}} aufgerufen.
Tabelle linksbündig, Text fließt um die Tabelle
{| class="wikitable float-left"
| Spalte 1 | Spalte 2 | Spalte 3 |
|---|---|---|
| Z1S1 | Z1S2 | Z1S3 |
| Z2S1 | Z2S2 | Z2S3 |
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tabelle rechtsbündig, Text fließt um die Tabelle
{| class="wikitable float-right"
| Spalte 1 | Spalte 2 | Spalte 3 |
|---|---|---|
| Z1S1 | Z1S2 | Z1S3 |
| Z2S1 | Z2S2 | Z2S3 |
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tabelle zentriert, Text fließt nicht um die Tabelle
{| class="wikitable centered"
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| Spalte 1 | Spalte 2 | Spalte 3 |
|---|---|---|
| Z1S1 | Z1S2 | Z1S3 |
| Z2S1 | Z2S2 | Z2S3 |
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tabelle zentriert und auf Seitenbreite gebracht
{| class="wikitable center"
| Spalte 1 | Spalte 2 | Spalte 3 |
|---|---|---|
| Z1S1 | Z1S2 | Z1S3 |
| Z2S1 | Z2S2 | Z2S3 |
Weitere Erläuterungen