Hilfe:Tabellen: Unterschied zwischen den Versionen

Version vom 3. September 2006, 13:46 Uhr

↓ Überblick

↓ Bearbeiten

↓ Artikel

↓ Multimedia

↓ Features

↓ Pseudo und Anti

Grundlagen

Jede Tabelle im Wiki-Stil beginnt mit einer geschweiften Klammer { gefolgt von einem senkrechten Strich | und endet mit einem Strich | gefolgt von einer geschweiften Klammer }.

Das gibt man ein	So sieht es aus
{\| \|}

Einfache Tabellen

Jede Zeile innerhalb der beiden Klammern beginnt mit einem senkrechten Strich |. Dieser macht den Beginn einer neuen Zelle deutlich. Danach kommt der Inhalt der Zelle.

Eine Tabelle mit zwei Zellen in einer Tabellenzeile sieht im Text so aus:

Das gibt man ein

So sieht es aus

{|

|Zelle 1

|Zelle 2

|}

Zelle 1

Zelle 2

Alternative Schreibweise

Zum Platzsparen ist es möglich, mehrere Tabellenzellen in einer Quältextzeile unterzubringen; in diesem Fall muss kamel die Zellen mit || trennen:

Das gibt man ein

So sieht es aus

{|

|Zelle 1||Zelle 2

|}

Zelle 1

Zelle 2

Tabelle mit mehreren Tabellenzeilen

Der Beginn einer neuen Zeile wird deutlich gemacht, indem kamel hinter dem senkrechten Strich | einen waagerechten – setzt.

Das gibt man ein

So sieht es aus

{|

|Zelle 1

|Zelle 2

|-

|Zelle 3

|Zelle 4

|}

Zelle 1	Zelle 2
Zelle 3	Zelle 4

Komplexere Tabellen

Rahmen

Einen Rahmen erhält kamel, wenn mit border="x", wobei x die Stärke des Rahmens festlegt.

Das gibt man ein

So sieht es aus

{| border="1"

|Zelle 1

|Zelle 2

|-

|Zelle 3

|Zelle 4

|-

|Zelle 5

|Zelle 6

|}

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

oder

Das gibt man ein

So sieht es aus

{| border="5"

|Zelle 1

|Zelle 2

|Zelle 3

|-

|Zelle 4

|Zelle 5

|Zelle 6

|}

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

Titelzeilen

Eine Tabelle mit Titelzeile erreicht kamel, indem die Zellen, die hervorgehoben werden sollen, mit ! statt | eingeleitet werden:

Das gibt man ein

So sieht es aus

{| border="1"

!Lama

!Dromedar

!Kamel

|-

|0 Höcker

|1 Höcker

|2 Höcker

|}

Lama	Dromedar	Kamel
0 Höcker	1 Höcker	2 Höcker

Leere Zellen mit Rahmen

Leere Zellen werden in einer Tabelle nicht umrahmt. Um trotzdem einen Rahmen zu bekommen, kann kamel das geschützte Leerzeichen   benutzen.

Das gibt man ein

So sieht es aus

{| border="1"

|&nbsp;

!Lama

!Dromedar

!Kamel

|-

!Höcker

|0

|1

|2

|}

	Lama	Dromedar	Kamel
Höcker	0	1	2

Zelle über mehrere Spalten

Mit colspan="x" kann kamel Zellen über mehrere Spalten reichen lassen, wobei x die Anzahl der Spalten festlegt, über die sich die Zelle erstreckt.

Das gibt man ein

So sieht es aus

{| border="1"

| colspan="3" |Zelle 1

|-

|Zelle 2

|Zelle 3

|Zelle 4

|-

|Zelle 5

|Zelle 6

|Zelle 7

|}

Zelle 1
Zelle 2	Zelle 3	Zelle 4
Zelle 5	Zelle 6	Zelle 7

Formatierungen

Spaltenbreiten

Spaltenbreiten können mit width="x%" festgelegt (relative Angabe). Absolute Angaben in Pixeln sind eher bei Grafiken sinnvoll. Titelzeilen werden automatisch zentriert.

Das gibt man ein

So sieht es aus

{| border="1"

! width="10%" |Lama

! width="20%" |Dromedar

! width="40%" |Kamel

|-

|10%

|20%

|40%

|}

Lama	Dromedar	Kamel
10%	20%	40%

Ausrichtung

Um die Inhalte der anderen Zellen auszurichten, benutzt kamel align="x", wobei left (links), center (mittig) oder right (rechts) für x eingesetzt werden kann.

Das gibt man ein

So sieht es aus

{| border="1"

! width="10%" |Lama

! width="20%" |Dromedar

! width="40%" |Kamel

|-

|align="left" |10%

|align="center" |20%

|align="right" |40%

|}

Lama	Dromedar	Kamel
10%	20%	40%

Zellenabstände

Mit cellspacing="x" kann der Abstand zwischen den Zellen festgelegt werden. Je größer das x, desto breiter wird der Steg zwischen den Zellen. Mit cellpadding="x" bestimmt kamel den Abstand des Zellinhaltes vom Zellrahmen.

Das gibt man ein

So sieht es aus

{| border="1" cellspacing="10"

! width="10%" |Lama

! width="20%" |Dromedar

! width="40%" |Kamel

|-

|align="center" |10%

|align="center" |20%

|align="center" |40%

|}

Lama	Dromedar	Kamel
10%	20%	40%

bzw:

Das gibt man ein

So sieht es aus

{| border="1" cellpadding="10"

! width="10%" |Lama

! width="20%" |Dromedar

! width="40%" |Kamel

|-

|align="center" |10%

|align="center" |20%

|align="center" |40%

|}

Lama	Dromedar	Kamel
10%	20%	40%

oder zusammen:

Das gibt man ein

So sieht es aus

{| border="1" cellpadding="10" cellspacing="10"

! width="10%" |Lama

! width="20%" |Dromedar

! width="40%" |Kamel

|-

|align="center" |10%

|align="center" |20%

|align="center" |40%

|}

Lama	Dromedar	Kamel
10%	20%	40%

{{prettytable}} ist eine Vorlage, die ein vorformatiertes Design enthält.

Das gibt man ein

So sieht es aus

{| {{prettytable}}

|Zelle 1

|Zelle 2

|Zelle 3

|-

|Zelle 4

|Zelle 5

|Zelle 6

|}

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

Basiert auf „Hilfe:Tabellen“ aus der Wikipedia; Lizenz: CC-by-SA, GFDL; Autorenliste.

@@ Zeile 1: / Zeile 1: @@
-{{bügeln}}
 {{Hilfenavi}}
@@ Zeile 5: / Zeile 4: @@
 Jede Tabelle im Wiki-Stil beginnt mit einer geschweiften Klammer '''{''' gefolgt von einem senkrechten Strich '''|''' und endet mit einem Strich '''|''' gefolgt von einer geschweiften Klammer '''}'''.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
 <nowiki>{|</nowiki>
@@ Zeile 20: / Zeile 22: @@
 Eine Tabelle mit zwei Zellen in einer Tabellenzeile sieht im Text so aus:
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
 <nowiki>{|</nowiki><br/>
@@ Zeile 33: / Zeile 38: @@
 |}
 |}
 ===Alternative Schreibweise===
 Zum Platzsparen ist es möglich, mehrere Tabellenzellen in einer Quältextzeile unterzubringen; in diesem Fall muss kamel die Zellen mit '''||''' trennen:
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |<div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
 <nowiki>{|</nowiki><br/>
@@ Zeile 48: / Zeile 57: @@
 |}
 |}
 ===Tabelle mit mehreren Tabellenzeilen===
 Der Beginn einer neuen Zeile wird deutlich gemacht, indem kamel hinter dem senkrechten Strich '''|''' einen waagerechten '''–''' setzt.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 78: / Zeile 91: @@
 Einen Rahmen erhält kamel, wenn mit '''border="x"''', wobei '''x''' die Stärke des Rahmens festlegt.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 107: / Zeile 123: @@
 oder
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 131: / Zeile 150: @@
 |}
 |}
 === Titelzeilen ===
 Eine Tabelle mit Titelzeile erreicht kamel, indem die Zellen, die hervorgehoben werden sollen, mit '''!''' statt '''|''' eingeleitet werden:
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 159: / Zeile 182: @@
 |}
 |}
 ===Leere Zellen mit Rahmen===
 Leere Zellen werden in einer Tabelle nicht umrahmt. Um trotzdem einen [[Hilfe:Tabellen#Rahmen|Rahmen]] zu bekommen, kann kamel das geschützte Leerzeichen '''&amp;nbsp;''' benutzen.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 191: / Zeile 218: @@
 |}
 |}
 ===Zelle über mehrere Spalten===
 Mit '''colspan="x"''' kann kamel Zellen über mehrere Spalten reichen lassen, wobei '''x''' die Anzahl der Spalten festlegt, über die sich die Zelle erstreckt.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 223: / Zeile 254: @@
 |}
 |}
 ==Formatierungen==
@@ Zeile 228: / Zeile 260: @@
 Spaltenbreiten können mit '''width="x%"''' festgelegt (relative Angabe). Absolute Angaben in Pixeln sind eher bei Grafiken sinnvoll. [[Hilfe:Tabellen#Titelzeilen|Titelzeilen]] werden automatisch zentriert.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 252: / Zeile 287: @@
 |}
 |}
 ===Ausrichtung===
 Um die Inhalte der anderen Zellen auszurichten, benutzt kamel '''align="x"''', wobei '''left''' (links), '''center''' (mittig) oder '''right''' (rechts) für '''x''' eingesetzt werden kann.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 280: / Zeile 319: @@
 |}
 |}
 ===Zellenabstände===
 Mit '''cellspacing="x"''' kann der Abstand zwischen den Zellen festgelegt werden. Je größer das '''x''', desto breiter wird der Steg zwischen den Zellen. Mit '''cellpadding="x"''' bestimmt kamel den Abstand des Zellinhaltes vom Zellrahmen.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 311: / Zeile 354: @@
 bzw:
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 338: / Zeile 384: @@
 oder zusammen:
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">
@@ Zeile 362: / Zeile 411: @@
 |}
 |}
 ===<nowiki>{{prettytable}}</nowiki>===
 '''<nowiki>{{prettytable}}</nowiki>''' ist eine Vorlage, die ein vorformatiertes Design enthält.
-{|
+{| border="0" cellspacing="0" cellpadding="10" style="margin:0; font-size:95%;padding:0;border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;;border-collapse:collapse;"
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt man ein
+! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
+|-
 |
 <div style="background:#f7f8ff;border:1px solid #8888aa;border-collapse:collapse;margin:10px 0;padding:5px;font-family:monospace;font-size:95%;">

Hilfe:Tabellen: Unterschied zwischen den Versionen

Version vom 3. September 2006, 13:46 Uhr

Inhaltsverzeichnis

Grundlagen

Einfache Tabellen

Alternative Schreibweise

Tabelle mit mehreren Tabellenzeilen

Komplexere Tabellen

Rahmen

Titelzeilen

Leere Zellen mit Rahmen

Zelle über mehrere Spalten

Formatierungen

Spaltenbreiten

Ausrichtung

Zellenabstände

{{prettytable}}

Navigationsmenü

Suche