Hilfe:Tabellen
Aus EUFH-Wiki
Tabellen-Syntax
Um Tabellen zu erstellen, müssen Sie folgende Syntax verwenden:
| {| | Tabelle öffnen (zwingend erforderlich) |
| |+ | Tabellen-Überschrift (optional) Pro Tabelle ist nur eine Tabellenüberschrift zulässig. Diese muss direkt nach dem öffnen der Tabelle eingefügt werden, also vor der ersten Datenzeile. |
| |- | Einen neue Datenzeile beginnen. (zwingend erforderlich) |
| ! | Tabellenkopf-Datenzelle (optional) Werden die Tabellenkopf-Datenzelle innerhalb einer Textzeile angegeben, dann müssen Sie mit zwei Ausrufezeichen getrennt werden (!!). Wenn Sie jede Zelle in eine extra Textzeile eingeben, dann reicht ein Ausrufezeichen (!) am Anfang der Zeile. |
| | | Datenzelle (zwingend erforderlich) Werden die Datenzelle innerhalb einer Textzeile angegeben, dann müssen Sie mit zwei senkrechten Stichen getrennt werden (||). Wenn Sie jede Zelle in eine extra Textzeile eingeben, dann reicht ein senkrechter Strich (|) am Anfang der Zeile. |
| |} | Tabelle schließen (zwingend erforderlich) |
Beispiele
einfache Tabelle (mehrzeiliger Code)
|
{|
|-
|Rotwein
|1 Flasche
|23,50 EUR
|-
|Weißwein
|12 Flaschen
|275,00 EUR
|-
|Sekt
|1 Kiste
|168,99 EUR
|}
|
einfache Tabelle (einzeiliger Code)
|
{|
|-
| Rotwein || 1 Flasche || 23,50 EUR
|-
| Weißwein || 12 Flaschen || 275,00 EUR
|-
| Sekt || 1 Kiste || 168,99 EUR
|}
|
Tabelle mit Rahmen
|
{| border="1" style="border: 1px solid #000000; border-collapse:
collapse;"
|-
|Rotwein
|1 Flasche
|23,50 EUR
|-
|Weißwein
|12 Flaschen
|275,00 EUR
|-
|Sekt
|1 Kiste
|168,99 EUR
|}
|
Modifikation des Rahmens:
- solid gibt die Art des Rahmens an. Alternativen sind dotted, dashed oder auch double.
- #000000 bezeichnet die Rahmenfarbe (in diesem Fall schwarz). Die Farbe muss als Hexadezimalwert angegeben werden.
Tabelle mit Rahmen und Abstand zwischen Text und Rahmen
|
{| border="1" style="border: 1px solid #000000; border-collapse:
collapse;" cellpadding="10" cellspacing="0"
|-
|Rotwein
|1 Flasche
|23,50 EUR
|-
|Weißwein
|12 Flaschen
|275,00 EUR
|-
|Sekt
|1 Kiste
|168,99 EUR
|}
|
Der Abstand zwischen Text und Rahmen kann über den Zahlenwert des Attributes cellpadding gesteuert werden.
Tabelle mit Rahmen, Abstand zwischen Text und Rahmen sowie mit Textausrichtung
|
{| border="1" style="border: 1px solid #000000; border-collapse:
collapse;" cellpadding="10" cellspacing="0"
|-
|Rotwein
| style="text-align: center;" | 1 Flasche
| style="text-align: right;" | 23,50 EUR
|-
|Weißwein
| style="text-align: center;" | 12 Flaschen
| style="text-align: right;" | 275,00 EUR
|-
|Sekt
| style="text-align: center;" | 1 Kiste
| style="text-align: right;" | 168,99 EUR
|}
|
Die Textausrichtung lässt sich über den Wert des Attributes text-align steuern. Der Standardwert ist left, eine linke Textausrichtung muss also nicht extra angeben werden. Weitere zulässige Werte sind right, center und justify (Blocksatz).
Tabelle mit Rahmen, Abstand zwischen Text und Rahmen, Textausrichtung und vorgegebener Breite der Tabelle und Datenzellen
|
{| border="1" style="width: 75%; border: 1px solid #000000;
border-collapse: collapse;" cellpadding="10" cellspacing="0"
|-
| style="width: 45%;" | Rotwein
| style="width: 30%; text-align: center;" | 1 Flasche
| style="width: 25%; text-align: right;" | 23,50 EUR
|-
|Weißwein
| style="text-align: center;" | 12 Flaschen
| style="text-align: right;" | 275,00 EUR
|-
|Sekt
| style="text-align: center;" | 1 Kiste
| style="text-align: right;" | 168,99 EUR
|}
|
- Die Breite der Tabelle kann prozentual (in obigem Beispiel 75%: width: 75%;) angegeben werden und bezieht sich auf die Gesamtbreite des zur Verfügung stehenden Platzes.
- Die Breite der Datentzellen kann prozentual angegeben werden und bezieht sich auf die Gesamtbreite der Tabelle. Es ist ausreichend innerhalb einer Tabellenzeile die Breite für alle Zellen anzugeben. Für die nachfolgenden Zellen wird die Breite automatisch übernommen.
- Die vorgegebenen Breiten werden nur solange eingehalten, wie der Dateninhalt in die einzelnen Zellen passt. Platzieren Sie beispielsweise ein Bild in eine Datenzelle und ist das Bild breiter als die vorgegebene Breite der Datenzelle, dann wird die Datenzelle vergrößert und nicht das Bild verkleinert.
| Zurück zur Übersicht der Hilfsthemen. |
