Hilfe:Tabellen

Aus SchnuppTrupp
Version vom 28. Mai 2010, 16:14 Uhr von Novelette (Diskussion | Beiträge) (Ausrichtung des Textes in der Zelle)

Wechseln zu: Navigation, Suche

Tabellen im Wiki

Grundlegende Formatierung

{|
Anfang einer Tabelle
! 
Zellen Überschrift optional.
|+
Zeilen Überschrift, optional; darf nur zwischen Anfang einer Tabelle und erster Tabellen Zeile gesetzt werden
|-
Tabellen Zeile, optional für die erste Zeile -- Das Wiki würde es automatsich setzen für die erste Tabellen Zeile
|
Tabellen Zelle benötigt! Mehrere Tabellen Zellen können in einer Zeile definiert werden, müßen dann jedoch mit doppelter Pipe (||) abgegrenzt werden. Oder in der nächsten Zeile die nächste Zelle mit einem einfachen (|) beginnen.
|}
Tabellen Ende

Eine einfache Tabelle

Code

 {|
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Eine einfache Tabelle mit Überschrift

Code

 {|
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Eine einfache Tabelle mit Rahmen

Code

 {|border="1"
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Unterschiedliche Zellenfarben und Schriftfarben

Code

 {|border="1"
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |style="color:red; background-color:#ababab;"|Zeile 1 Zelle 1
 |style="color:green; background-color:#cdcdcd;"|Zeile 1 Zelle 2
 |style="color:blue; background-color:#efefef;"|Zeile 1 Zelle 3
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3

Zellen und Zeilen verbinden

Code

 {| border="1"
 !colspan="6"|Einkaufsliste
 |-
 |rowspan="2"|Brot und Butter
 |Kuchen
 |Vorspeise
 |Nachspeise
 |colspan="2"|Croissant
 |-
 |Käsekuchen
 |colspan="2"|Eiskrem 
 |Butter
 |Yoghurt
 |}

Ergebnis

Einkaufsliste
Brot und Butter Kuchen Vorspeise Nachspeise Croissant
Käsekuchen Eiskrem Butter Yoghurt

Ausrichtung des Textes in der Zelle

Code

 {| border="1"
 !Linksbündig
 !Zentriert
 !Rechtsbündig
 |-
 |align="left" | Äpfel
 |align="center" | Birnen
 |align="right" | 12,333.00
 |-
 |align="left" |Brot
 |align="center" |Kuchen
 |align="right" | 500.00
 |-
 |align="left" |Butter
 |align="center" |Eiskreme
 |align="right" | 1.00
 |}

Ergebnis

Linksbündig Zentriert Rechtsbündig
Äpfel Birnen 12,333.00
Brot Kuchen 500.00
Butter Eiskreme 1.00

Tabellenumrandung

style="border-color: #000; border-style: solid; border-width: 1px 1px 1px 1px; border-spacing: 0; border-collapse: collapse; margin: 0; padding: 4px;"