Benutzer:Peter-K/Meine Hilfeseite/Tabellen

Tabellen

Unterseiten der Hilfeseite Tabellen

• Zum Testen von neuen Tabellen siehe hier: Benutzer:Peter-K/Meine Hilfeseite/Tabellen/Testseite
• Beispiele einiger Tabellen: Benutzer:Peter-K/Meine Hilfeseite/Tabellen/Beispiele
• Tabellensyntax Benutzer Diskussion:Peter-K/Meine Hilfeseite/Tabellen

Seiten mit Erklärungen

Hilfe in Wikipedia:

• w:Hilfe:Tabellen;
• w:Hilfe:Tabellen/Wikisyntax;
• w:Hilfe:Farbe;
• w:Hilfe:Farbtabelle;
• w:Hilfe:Tabellen für Fortgeschrittene

Beschreibungen der einzelnen Befehle zur Erstellung von Tabellen

eine Stoffsammlung mit Erklärungen

• cellpadding="4" bestimmt den Platz rund um den Inhalt im Innern einer Tabellenzelle.

• style="text-align:center;" um den Text in allen Inhaltszellen einer Tabelle horizontal auszurichten, kann diese CSS-Anweisung am Tabellenbeginn gesetzt werden.

• rules="all" erzeugt ein vollständiges Gitternetz. Andere Werte sind "none": keine Linien aber evtl. Außenrahmen; "rows": nur waagrechte Linien; "cols": nur senkrechte Linien.

• colspan englisch column span ‚Spalten überspannend‘ legt die Breite der Zelle auf die Anzahl der Spalten fest Beispiel: colspan ="2" bedeutet die Breite der Zelle geht über 2 Spalten.

• rowspan englisch row span ‚Zeilen überspannend‘ legt die Höhe der Zelle fest; Beispiel: rowspan ="3" bedeutet die Höhe der Zelle geht über drei Spalten.

• style="width:25%;" legt die Breite der Spalte auf 25% der Gesamtbreite der Tabelle fest (variable Breite); die breiteste Spalte bestimmt die Breite aller anderen Spalten.

• style = "width: 2em"; legt die Breite der Spalte auf 2em fest (feste Breite für alle Spalten, egal wie groß der Inhalt ist)
  style = "width:20em"; die Breite kann auch mit anderen festen Werten (z. B. 20em) vorgegeben werden.
  Dabei gilt es immer zu beachten, dass die Gesamtbreite einer Tabelle mit festen Werten, je nach Bildschirmbreite das Betrachters, über den rechten Rand hinauslaufen kann.

• Syntax:

|-
|style="width:20em;"| Spalte mit fester Breite von 20em

• style= "height: 5em"; legt die Höhe der Zeile auf 5em fest (fester Wert für alle Zeilen, egal wie groß der Inhalt ist); analog zu width.
• Tabellenattribute:
  

Die Attributbereiche der Tabellenelemente entsprechen den Tags und dürfen deshalb keine Kommentare enthalten.

Beispiel für richtige Platzierung eines Kommentars (mit style= wird ein Attribut gesetzt, hier: style="background:#ABCDEF"):

{|
|-
|style="background:#ABCDEF"| <!-- Kommentar --> Inhaltsbereich
|}

Begriffe und Erklärungen

• Diese Zelle in der Spalte erstreckt sich in einer Höhe von 6 Zellen:

rowspan="6"

• Der nachstehende (colspan=) Befehl gilt für 4 Zellen:

colspan="4"

• Zieht oberhalb der Zelle eine Linie, Stärke 1pt, schwarz, durchgehend:

style="border-top: 1pt black solid;"

• Weitere Befehle sind: style="border-left", style="border-right" und style="border-bottom" für einen Rand links, rechts oder unten. style="border: 1pt" setzt alle vier Ränder.

• Der Text in der Tabelle ist nach rechts ausgerichtet:

style="text-align:right"

• Das Plus (+)-Zeichen besagt, der nachfolgende Text („Addition von vier Zahlen“) ist die Überschrift der darunter liegenden Zellen:

 + Addition von vier Zahlen

• Legt die Breite der Spalte auf Xem fest (X = Wert):

style = "width:Xem";

• Legt die Höhe der Zelle auf Xem fest (X = Wert):

style="height:Xem";