Die Kooperation mit Mariofans wird wieder aufgenommen! Mehr dazu findest du im Forum!

Hilfe:Tabellen

Aus MarioWiki
Wechseln zu: Navigation, Suche
NSMB Artwork Superpilz.png
Hilfe.png
Allgemein:
Artikelgestaltung:
Community:

Tabellen dienen der übersichtlichen Darstellung von Informationen, beispielsweise den Welten eines Spieles, und sind mit Wikisyntax einfach zu erstellen. Diese Seite bietet einen Überblick darüber, wie Tabellen erstellt werden können, wie man sie gestaltet und welche Richtlinien es im MarioWiki für Tabellen gibt.

Regeln und Tipps[Bearbeiten | Quelltext bearbeiten]

  • Achte darauf, dass Deine Tabelle nicht zu breit wird, also nicht zu viele breite Spalten hat, da sie sonst vielleicht auf Mobilgeräten nicht vollständig angezeigt werden kann.
  • Wenn die Tabelle besonders lang ist, empfiehlt es sich, sie klappbar zu machen, sodass sie beim Aufruf des Artikels zunächst eingeklappt ist und durch den Leser aufgeklappt werden kann.
  • Gerade im Zusammenspiel mit vielen am Rand als Miniaturansichten eingebundenen Bildern oder langen Infoboxen können Tabellen, wenn ihre Breite auf 100% festgelegt wird, zu unschönen Leerräumen im Artikel führen. Versuche dies zu vermeiden, beispielsweise durch Verschieben der Bilder in eine Bildergalerie oder durch Verringerung der Tabellenbreite.
  • Tabellen sollten ausschließlich mit Wikisyntax erstellt werden. HTML-Code kann insbesondere für Neulinge abschreckend wirken, ist unübersichtlicher im Editor und für die meisten Nutzer schwerer zu lesen.
  • Veraltete Parameter, beispielsweise width=100% oder cellspacing=2, sollten vermieden werden, auch wenn sie einfacher wirken als "echtes" CSS, da sie von künftigen Browsern nicht mehr unterstützt werden, wodurch es zu Darstellungsproblemen kommen kann.
  • Die Farbe des Tabellenkopfs richtet sich nach der Spielserie, zu der der betreffende Artikel gehört. Genaueres ist im Abschnitt Tabellenköpfe beschrieben.
  • Exzessive Tabellen-Stylings kannst Du ruhig auf deiner Benutzerseite verwenden, bei Artikeln sollen Tabellen dem Beispiel weiter unten entsprechen.

Grundlagen[Bearbeiten | Quelltext bearbeiten]

Die grundlegende Wiki-Syntax für eine Tabelle sieht folgendermaßen aus:

Eingabe Erklärung Ergebnis

{|
|-
! Überschrift 1
! Überschrift 2
|-
| Zelle 1
| Zelle 2
|-
| Zelle 3
| Zelle 4
|}

Einleitender oder öffnender Tag, entspricht in HTML <table>
Dieser Zeilenanfang |- am Anfang kann auch weggelassen werden.
Das ! Ausrufezeichen leitet einen Tabellenkopf ein,
auch als Überschrift bezeichnet, und entspricht dem <th>
Der | leitet die erste Zelle ein
Er entspricht in HTML einem <td>
Die Zeichenfolge |- leitet entsprechend einem <tr> die nächste Zeile ein
Erste Zelle der zweiten Zeile
Zweite Zelle der zweiten Zeile
Schließender Tag, er beendet die Tabelle und entspricht einem </table>

Überschrift 1 Überschrift 2
Zelle 1 Zelle 2
Zelle 3 Zelle 4

Um Platz zu sparen, können auch die einzelnen Zellen in der Form | Zelle 1 || Zelle 2 nebeneinander geschrieben werden, übersichtlicher ist jedoch die erste Methode, in der die Zellen untereinander geschrieben werden. Bei Überschriften oder Tabellenköpfen werden statt senkrechten Strichten Ausrufezeichen verwendet: ! Überschrift 1 !! Überschrift 2. Der erste Zeilenanfang |- direkt nach dem Tabellenanfang {| kann auch weggelassen werden, er wird beispielsweise dann genutzt, wenn der ersten Tabellenzeile eine Hintergrundfarbe zugewiesen werden soll.

Gestaltung der Tabelle[Bearbeiten | Quelltext bearbeiten]

Um der Tabelle die im MarioWiki übliche, einheitliche Gestaltung zu geben, kannst Du die Vorlage Wiki-Tabelle nutzen, die folgendermaßen genutzt wird:

Eingabe Ergebnis

{| {{Wiki-Tabelle}}
! Überschrift 1
! Überschrift 2
! Überschrift 3
|-
| Zelle 1
| Zelle 2
| Zelle 3
|-
| Zelle 4
| Zelle 5
| Zelle 6
|-
| Zelle 7
| Zelle 8
| Zelle 9
|}

Überschrift 1 Überschrift 2 Überschrift 3
Zelle 1 Zelle 2 Zelle 3
Zelle 4 Zelle 5 Zelle 6
Zelle 7 Zelle 8 Zelle 9

Diese Vorlage bietet auch noch weitere Parameter, eine genauere Beschreibung dieser findet sich auf der Seite dieser Vorlage. Beispielsweise lässt sich die Breite der Tabelle festlegen, der Text in der Tabelle kann zentriert werden, die Tabelle kann klappbar gemacht werden und mehr. Diese Vorlage kann sowohl direkt mit {{Wiki-Tabelle} direkt eingebunden, als auch mit {{ers:Wiki-Tabelle}} in den Artikel substituiert werden.

Falls Du die Vorlage nicht nutzen möchtest, kannst Du auch selbst CSS verwenden, um die Tabelle zu gestalten. Standardmäßig wird für Tabellen im MarioWiki die Klasse gitternetz genutzt, die auch in der Vorlage:Wiki-Tabelle genutzt wird. Diese Klasse ist im ganzen Wiki verfügbar, da sie in der Common.css definiert ist und erzeugt neben den Gitternetzlinien auch das charakteristische Aussehen der Tabellen im MarioWiki mit ganz leichter Schattierung und abgerundeten Ecken. Eine typische MarioWiki-Tabelle könnte dann also so anfangen: {| class="gitternetz" style="width:100%;". Das style=-Attribut für das CSS kannst Du aber auch bei jeder neuen Tabellenzeile |- style="..." und sogar jeder einzelnen Zelle | style="..." | Text bzw. jeder Überschrift ! style="..." | Text verwenden, beachte dabei aber den zweiten senkrechten Strich zur Abtrennung vom Text, der in der Zelle bzw. dem Tabellenkopf stehen soll.

Wenn Du eine Tabelle selbst mit CSS gestalten möchtest, kannst Du die Vorlagen {{Gebogen}}, {{Schatten}} und {{Farbwechsel}} verwenden. Diese werden wie "echte" CSS-Regeln verwendet, — nur die Farbwechsel-Vorlage kann nur als Hintergrund-Bild verwendet werden — sie ersparen dir aber Code und sind einfacher zu verwenden: style="{{schatten)); {{gebogen|10}}; background:{{Farbwechsel|Ausrichtung=top|Farben=2|#00FF00|#0000FF}}; width:100%;". Außerdem findest Du hier eine Übersicht über die wichtigsten CSS-Farben.

Viele alte Tabellen im MarioWiki nutzen noch Parameter wie cellspacing=, cellpadding= oder width=, diese gelten jedoch mittlerweile als veraltet und werden in naher Zukunft von den gängigen Browsern nicht mehr unterstützt werden. Der Parameter border= für die Breite des Tabellenrahmens wird bereits nicht mehr unterstützt. Solche Paramter sollten daher im MarioWiki nicht mehr genutzt werden, Du kannst uns auch helfen, auf dem aktuellen Stand zu bleiben, indem Du solche Parameter entfernst, wenn Du sie findest.

Tabellenköpfe[Bearbeiten | Quelltext bearbeiten]

Die Zellen, die statt mit dem senkrechten Strich | mit einem Ausrufezeichen ! anfangen, sind Überschriften oder Tabellenköpfe. Von normalen Zellen unterscheiden sie sich dadurch, dass der Text, der in ihnen steht, standardmäßig fett und zentriert erscheint. Typischerweise besteht die erste Zeile einer Tabelle aus solchen Tabellenköpfen oder Überschriften statt einfachen Zellen, wie auch in den Beispielen auf dieser Seite zu sehen ist. Tabellenköpfe können aber auch andernorts anstelle von einfachen Zellen verwendet werden, wenn fetter, zentrierter Text gewünscht ist.

Im MarioWiki ist es üblich, der aus Überschriften bestehenden erste Zeile einer Tabelle einen farbigen Hintergrund zu geben. Die Hintergrundfarbe richtet sich dabei nach der Spieleserie, der der Artikel anzurechnen ist. Insbesondere die Spiele-Artikel selbst sollten farblich passende Tabellenköpfe haben, bei kleineren Artikeln zu Gegnern, Levels etc. ist die Einfärbung nicht unbedingt nötig.

Das festgelegte Farbschema sieht folgendermaßen aus:

Spielserie Farbe Code-Beispiel
Mario-Serie #e60012 style="background-color:#e60012; color:#fff;"
Mario Kart-Serie #0088FF style="background-color:#0088FF;"
Luigi's Mansion-Serie #008000 style="background-color:#008000; color:#fff;"
style="background-color:Green; color:#fff;"
Yoshi-Serie #90EE90 style="background-color:#90EE90;"
style="background-color:LightGreen;"
Wario-Serie #FFFF00 style="background-color:#FFFF00;"
style="background-color:Yellow;"
Super Smash Bros.-Serie #FFA500 style="background-color:#FFA500"
style="background-color:Orange;"

Dadurch, dass stets die komplette Tabellenzeile |- eingefärbt werden soll, ist es sinnvoll, dieser als Ganzes die Hintergrundfarbe und gegebenenfalls Schriftfarbe zuzuweisen, anstatt jedem einzelnen Tabellenkopf ! die gleiche Hintergrund- und Schriftfarbe extra zuzuweisen. Insbesondere wenn eine Tabelle klappbar ist, gibt es sogar zwei Zeilen, aus Tabellenköpfen, die eingefärbt werden sollten.

Klappbare Tabelle[Bearbeiten | Quelltext bearbeiten]

Längere Tabellen sollten im MarioWiki einklappbar gemacht werden. Dazu gibt es zwei Möglichkeiten: Entweder man nutzt die bereits weiter oben angesprochene Vorlage Wiki-Tabelle, und fügt den Parameter Klapp=Ja hinzu, oder man weist der Tabelle selbst die beiden CSS-Klassen collapsible und collapsed zu. Außerdem ist es wichtig, bei einer klappbaren Tabelle eine Überschrift, die über die ganze Tabelle geht, in der ersten Zeile zu ergänzen. Dafür wird der colspan-Parameter genutzt, der angibt, wie viele Spalten eine Zelle, in dem Fall eine Überschrift bzw. ein Tabellenkopf überspannen soll. Da in diesem Fall die eine, breite Überschrift die ganze Tabelle überspannen soll, entspricht der Wert der Anzahl der Spalten der Tabelle. Nach diesem breiten Tabellenkopf muss sofort eine neue Zeile angefangen werden. Diese Überschrift bzw. dieser Tabellenkopf soll angeben, worum es in dieser Tabelle geht. Eine klappbare Gegner-Tabelle hätte hier als Überschrift zum Beispiel "Gegner", eine klappbare Tabelle zur Auflistung von Items bzw. Gegenständen hätte die Überschrift "Gegenstände".

Eingabe mit Vorlage Eingabe mit CSS-Klassen Ergebnis

{| {{Wiki-Tabelle|Klapp=Ja}}
|-
!colspan=2 | Breiter Tabellenkopf
|-
! Überschrift 1
! Überschrift 2
|-
| Zelle 1
| Zelle 2
|-
| Zelle 3
| Zelle 4
|}

{| class="gitternetz collapsible collapsed"
|-
!colspan=2 | Breiter Tabellenkopf
|-
! Überschrift 1
! Überschrift 2
|-
| Zelle 1
| Zelle 2
|-
| Zelle 3
| Zelle 4
|}

Da diese Tabelle zwei Spalten hat, muss der colspan-Wert für die breite Überschrift auf 2 gesetzt werden, nach dieser breiten Überschrift wird mit |-sofort die nächste Zeile eingeleitet.

Beispiel[Bearbeiten | Quelltext bearbeiten]

Eine Tabelle, in der Gegenstände oder Gegner aufgelistet werden, die in Super Mario Odyssey, einem Spiel der Mario-Serie, auftreten, würde etwa so aussehen:

Code Ergebnis

{| {{Wiki-Tabelle|Breite=100%}}
|- style="background-color:#e60012; color:#fff;"
! Bild
! Name
! Beschreibung
! Fundorte
|-
| [[Datei:Platzhalter.png|150px|center]]
! Name
| Beschreibung
| Fundort
|-
| [[Datei:Platzhalter.png|150px|center]]
! Name
| Beschreibung
| Fundort
|}

Bild Name Beschreibung Fundorte
Platzhalter.png
Name Beschreibung Fundorte
Platzhalter.png
Name Beschreibung Fundorte

Man beachte, dass auch die "Name"-Zellen hier als Tabellenköpfe gesetzt sind, da der Name des jeweiligen Gegenstandes fett und zentriert erscheinen soll.

Bei manchen Spielen würden die einzelnen Inhalte der Fundorte-Zellen zu umfangreich werden, in diesem Fall ist auf die Fundorte-Spalte zu verzichten, beispielsweise in den New Super Mario Bros.-Spielen.

Wenn die Tabelle sehr lange wird, dann wird sie klappbar gemacht und in der ersten Zeile eine Überschrift ergänzt, die über die ganze Tabelle geht:

Code Ergebnis

{| {{Wiki-Tabelle|Breite=100%|Klapp=Ja}}
|- style="background-color:#e60012; color:#fff;"
! colspan=4 | Liste der Gegenstände
|- style="background-color:#e60012; color#fff;"
! Bild
! Name
! Beschreibung
! Fundorte
|-
| [[Datei:Platzhalter.png|150px|center]]
! Name
| Beschreibung
| Fundort
|-
| [[Datei:Platzhalter.png|150px|center]]
! Name
| Beschreibung
| Fundort
|}