Hilfe:Tabellen

2006-09-05T23:26:33Z

80.135.219.180: zukunftssichere variante

{{Hilfenavi}}

==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 '''}'''.

{| 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 kamel 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>

<nowiki>|}</nowiki>
</div>
|}

==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:

{| 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 kamel 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/>
<nowiki>|Zelle 1</nowiki><br/>
<nowiki>|Zelle 2</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{|
|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:

{| 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 kamel 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/>
<nowiki>|Zelle 1||Zelle 2</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{|
|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.

{| 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 kamel 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/>
<nowiki>|Zelle 1</nowiki><br/>
<nowiki>|Zelle 2</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Zelle 3</nowiki><br/>
<nowiki>|Zelle 4</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{|
|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.

{| 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 kamel 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>{| border="1"</nowiki><br/>
<nowiki>|Zelle 1</nowiki><br/>
<nowiki>|Zelle 2</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Zelle 3</nowiki><br/>
<nowiki>|Zelle 4</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Zelle 5</nowiki><br/>
<nowiki>|Zelle 6</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1"
|Zelle 1
|Zelle 2
|-
|Zelle 3
|Zelle 4
|-
|Zelle 5
|Zelle 6
|}
|}

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 kamel 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>{| border="5"</nowiki><br/>
<nowiki>|Zelle 1</nowiki><br/>
<nowiki>|Zelle 2</nowiki><br/>
<nowiki>|Zelle 3</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Zelle 4</nowiki><br/>
<nowiki>|Zelle 5</nowiki><br/>
<nowiki>|Zelle 6</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="5"
|Zelle 1
|Zelle 2
|Zelle 3
|-
|Zelle 4
|Zelle 5
|Zelle 6
|}
|}

===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 kamel 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>{| border="1"</nowiki><br/>
<nowiki>| colspan="3" |Zelle 1</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Zelle 2</nowiki><br/>
<nowiki>|Zelle 3</nowiki><br/>
<nowiki>|Zelle 4</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Zelle 5</nowiki><br/>
<nowiki>|Zelle 6</nowiki><br/>
<nowiki>|Zelle 7</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1"
| colspan="3"|Zelle 1
|-
|Zelle 2
|Zelle 3
|Zelle 4
|-
|Zelle 5
|Zelle 6
|Zelle 7
|}
|}

=== 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 kamel 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>{| border="1"</nowiki><br/>
<nowiki>!Lama</nowiki><br/>
<nowiki>!Dromedar</nowiki><br/>
<nowiki>!Kamel</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|0 Höcker</nowiki><br/>
<nowiki>|1 Höcker</nowiki><br/>
<nowiki>|2 Höcker</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1"
!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 [[Hilfe:Tabellen#Rahmen|Rahmen]] zu bekommen, kann kamel das geschützte Leerzeichen '''&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 kamel 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>{| border="1"</nowiki><br/>
<nowiki>|&nbsp;</nowiki><br/>
<nowiki>!Lama</nowiki><br/>
<nowiki>!Dromedar</nowiki><br/>
<nowiki>!Kamel</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>!Höcker</nowiki><br/>
<nowiki>|0</nowiki><br/>
<nowiki>|1</nowiki><br/>
<nowiki>|2</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1"
| 
!Lama
!Dromedar
!Kamel
|-
!Höcker
|0
|1
|2
|}
|}

===Zellen farbig hinterlegen===
Mit '''style="background:x;"''' können Zellen farblich hervorgehoben werden, wobei für '''x''' entweder der Farbname oder der Hexadezimalwert (#......) eingesetzt weden kann. Die Namen bzw. Werte findet kamel in der [[wikipedia:de:Hilfe:Farbtabelle#Tabelle_Farbcodes|Farbtabelle]].

{| 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 kamel 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>{| border="1"</nowiki><br/>
<nowiki>|&nbsp;</nowiki><br/>
<nowiki>!Lama</nowiki><br/>
<nowiki>!Dromedar</nowiki><br/>
<nowiki>! style="background:ABCDEF;" |Kamel</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>!Höcker</nowiki><br/>
<nowiki>|0</nowiki><br/>
<nowiki>|1</nowiki><br/>
<nowiki> style="background:gold;" |2</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1"
| 
!Lama
!Dromedar
! style="background:#ABCDEF;" |Kamel
|-
!Höcker
|0
|1
| style="background:gold;" |2
|}
|}

==Formatierungen==
===Spaltenbreiten===
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 kamel 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>{| border="1"</nowiki><br/>
<nowiki>! width="10%" |Lama</nowiki><br/>
<nowiki>! width="20%" |Dromedar</nowiki><br/>
<nowiki>! width="40%" |Kamel</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|10%</nowiki><br/>
<nowiki>|20%</nowiki><br/>
<nowiki>|40%</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1"
! width="10%" |Lama
! width="20%" |Dromedar
! width="40%" |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.

{| 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 kamel 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>{| border="1"</nowiki><br/>
<nowiki>! width="10%" |Lama</nowiki><br/>
<nowiki>! width="20%" |Dromedar</nowiki><br/>
<nowiki>! width="40%" |Kamel</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|align="left" |10%</nowiki><br/>
<nowiki>|align="center" |20%</nowiki><br/>
<nowiki>|align="right" |40%</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1"
! width="10%" |Lama
! width="20%" |Dromedar
! width="40%" |Kamel
|-
|align="left" |10%
|align="center" |20%
|align="right" |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.

{| 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 kamel 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>{| border="1" cellspacing="10"</nowiki><br/>
<nowiki>! width="10%" |Lama</nowiki><br/>
<nowiki>! width="20%" |Dromedar</nowiki><br/>
<nowiki>! width="40%" |Kamel</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|align="center" |10%</nowiki><br/>
<nowiki>|align="center" |20%</nowiki><br/>
<nowiki>|align="center" |40%</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1" cellspacing="10"
! width="10%" |Lama
! width="20%" |Dromedar
! width="40%" |Kamel
|-
|align="center" |10%
|align="center" |20%
|align="center" |40%
|}
|}

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 kamel 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>{| border="1" cellpadding="10"</nowiki><br/>
<nowiki>! width="10%" |Lama</nowiki><br/>
<nowiki>! width="20%" |Dromedar</nowiki><br/>
<nowiki>! width="40%" |Kamel</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|align="center" |10%</nowiki><br/>
<nowiki>|align="center" |20%</nowiki><br/>
<nowiki>|align="center" |40%</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1" cellpadding="10"
! width="10%" |Lama
! width="20%" |Dromedar
! width="40%" |Kamel
|-
|align="center" |10%
|align="center" |20%
|align="center" |40%
|}
|}

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 kamel 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>{| border="1" cellpadding="10" cellspacing="10"</nowiki><br/>
<nowiki>! width="10%" |Lama</nowiki><br/>
<nowiki>! width="20%" |Dromedar</nowiki><br/>
<nowiki>! width="40%" |Kamel</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|align="center" |10%</nowiki><br/>
<nowiki>|align="center" |20%</nowiki><br/>
<nowiki>|align="center" |40%</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| border="1" cellpadding="10" cellspacing="10"
! width="10%" |Lama
! width="20%" |Dromedar
! width="40%" |Kamel
|-
|align="center" |10%
|align="center" |20%
|align="center" |40%
|}
|}

===<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 kamel 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>{| {{prettytable}}</nowiki><br/>
<nowiki>|Zelle 1</nowiki><br/>
<nowiki>|Zelle 2</nowiki><br/>
<nowiki>|Zelle 3</nowiki><br/>
<nowiki>|-</nowiki><br/>
<nowiki>|Zelle 4</nowiki><br/>
<nowiki>|Zelle 5</nowiki><br/>
<nowiki>|Zelle 6</nowiki><br/>
<nowiki>|}</nowiki>
</div>
|
{| {{prettytable}}
|Zelle 1
|Zelle 2
|Zelle 3
|-
|Zelle 4
|Zelle 5
|Zelle 6
|}
|}

__NOEDITSECTION__
{{WPTitel|Hilfe:Tabellen}}

[[Kategorie:Kamelopedia Hilfe]]

Hauptseite

2006-09-05T14:36:24Z

80.135.219.180: shop und medien haben die farben getauscht

{{Box|floralwhite|Hauptseite Willkommen}}
{| width="100%" cellpadding="0" cellspacing="0"
|-
|style="vertical-align:top;padding-right:15px;" |
{{Box|ivory|Hauptseite Artikel des Monats/{{CURRENTMONTH}}}}
{{Box|cornsilk|Hauptseite Schon gewusst}}
{{Box|floralwhite|Hauptseite Qualitätsoffensive}}
| width="40%" style="vertical-align:top;" |
{{Box|papayawhip|Hauptseite Aktuelle Projekte}}
{{Box|ivory|Hauptseite Shop}}

{{Box|cornsilk|Hauptseite Medien}}
|}

{{Box|white|Hauptseite GNU-Lizenz}}

__NOTOC__
__NOEDITSECTION__

Kamelopedia - Kamelbeiträge [de]

Hilfe:Tabellen

Hauptseite