Hilfe:Tabellen: Unterschied zwischen den Versionen
Aus SchnuppTrupp
K (→Tabellenumrandung) |
K (→Eine einfache Tabelle mit Rahmen) |
||
| Zeile 118: | Zeile 118: | ||
|Zeile 2 Zelle 6 | |Zeile 2 Zelle 6 | ||
|} | |} | ||
| + | |||
| + | ==Unterschiedliche Rahmen== | ||
| + | '''Code''' | ||
| + | <nowiki> | ||
| + | {|style="border-style: ridge; border-width: 12px;" | ||
| + | |- | ||
| + | |style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 1 | ||
| + | |style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 2 | ||
| + | |style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 3 | ||
| + | |- | ||
| + | |style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 4 | ||
| + | |style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 5 | ||
| + | |style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 6 | ||
| + | |} </nowiki> | ||
| + | '''Ergebnis''' | ||
| + | {|style="border-style: ridge; border-width: 12px;" | ||
| + | |- | ||
| + | |style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 1 | ||
| + | |style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 2 | ||
| + | |style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 3 | ||
| + | |- | ||
| + | |style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 4 | ||
| + | |style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 5 | ||
| + | |style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 6 | ||
| + | |} | ||
| + | |||
| + | '''Mögliche vordefinierte Rahmen''' | ||
| + | <p style="border-width:medium; border-color:#FF9999; border-style:dotted; padding:5px;"> | ||
| + | border-style: dotted.</p> | ||
| + | <p style="border-width:medium; border-color:#9999FF; border-style:dashed; padding:5px;"> | ||
| + | border-style: dashed.</p> | ||
| + | <p style="border-width:medium; border-color:#66CC66; border-style:solid; padding:5px;"> | ||
| + | border-style: solid.</p> | ||
| + | <p style="border-width:medium; border-color:#FF9999; border-style:double; padding:5px;"> | ||
| + | border-style: double.</p> | ||
| + | <p style="border-width:12px; border-color:#9999FF; border-style:groove; padding:5px;"> | ||
| + | border-style: groove.</p> | ||
| + | <p style="border-width:12px; border-color:#66CC66; border-style:ridge; padding:5px;"> | ||
| + | border-style: ridge.</p> | ||
| + | <p style="border-width:12px; border-color:#FF9999; border-style:inset; padding:5px;"> | ||
| + | border-style: inset.</p> | ||
| + | <p style="border-width:12px; border-color:#9999FF; border-style:outset; padding:5px;"> | ||
| + | border-style: outset.</p> | ||
==Unterschiedliche Zellenfarben und Schriftfarben== | ==Unterschiedliche Zellenfarben und Schriftfarben== | ||
Version vom 28. Mai 2010, 16:45 Uhr
Inhaltsverzeichnis
- 1 Tabellen im Wiki
- 1.1 Grundlegende Formatierung
- 1.2 Eine einfache Tabelle
- 1.3 Eine einfache Tabelle mit Überschrift
- 1.4 Eine einfache Tabelle mit Rahmen
- 1.5 Unterschiedliche Rahmen
- 1.6 Unterschiedliche Zellenfarben und Schriftfarben
- 1.7 Zellen und Zeilen verbinden
- 1.8 Ausrichtung des Textes in der Zelle
- 1.9 Abstand zwischen den Zellen
- 1.10 Abstand des Zelleninhaltes zum Zellenrand
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 Rahmen
Code
{|style="border-style: ridge; border-width: 12px;"
|-
|style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 1
|style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 2
|style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 3
|-
|style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 4
|style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 5
|style="border-style: ridge; border-width: 12px;"|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 |
Mögliche vordefinierte Rahmen
border-style: dotted.
border-style: dashed.
border-style: solid.
border-style: double.
border-style: groove.
border-style: ridge.
border-style: inset.
border-style: outset.
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 |
Abstand zwischen den Zellen
Code
{|border="1" cellspacing="20"
|+
!Ü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 |
Abstand des Zelleninhaltes zum Zellenrand
Code
{|border="1" cellpadding="20"
|+
!Ü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 |
