Hilfe:Tabellen: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
← Zum vorherigen VersionsunterschiedZum nächsten Versionsunterschied →
Ameise (Diskussion | Beiträge)
7.223 Bearbeitungen
KKeine Bearbeitungszusammenfassung
Ameise (Diskussion | Beiträge)
7.223 Bearbeitungen
K Wiederhergestellt zur letzten Änderung von Maliomero
Zeile 1: Zeile 1:
{{Hilfenavi}}
{{Hilfenavi}}
 
Eine ganz einfache Tabelle geht so:
==Grundlagen==
<div style="font-family:monospace">
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 '''}'''.
<nowiki>{| border="1" cellpadding="5px"</nowiki><br/>
 
<nowiki>|erste Zeile, erste Spalte || erste Zeile, zweite Spalte</nowiki><br/>
{| 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 zugleich 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>|-</nowiki><br/>
<nowiki>|Zelle 3</nowiki><br/>
<nowiki>|zweite Zeile, erste Spalte || zweite Zeile, zweite Spalte</nowiki><br/>
<nowiki>|Zelle 4</nowiki><br/>
<nowiki>|}<br/></nowiki>
<nowiki>|-</nowiki><br/>
<nowiki>|Zelle 5</nowiki><br/>
<nowiki>|Zelle 6</nowiki><br/>
<nowiki>|}</nowiki>
</div>
</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;"
und die schaut dann so aus:
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| Das gibt kamel ein
{| border="1" cellpadding="5px"
! bgcolor="#EEEEEE" style="border-bottom: 2px solid #FC6;"| So sieht es aus
|erste Zeile, erste Spalte || erste Zeile, zweite Spalte
|- 
|
<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
|zweite Zeile, erste Spalte || zweite Zeile, zweite Spalte
|Zelle 5
|Zelle 6
|}
|}
|}




=== Titelzeilen ===
Beginnt man stattdessen mit
Eine Tabelle mit Titelzeile erreicht kamel, indem die Zellen, die hervorgehoben werden sollen, mit '''!''' statt '''|''' eingeleitet werden:
<div style="font-family:monospace">
 
<nowiki>{| {{prettytable}}</nowiki><br/>
{| 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>
</div>
|
{| border="1"
!Lama
!Dromedar
!Kamel
|-
|0 Höcker
|1 Höcker
|2 Höcker
|}
|}


 
dann sieht es so aus:
===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 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>|&amp;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"
|&nbsp;
!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.
 
{| 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
|}
|}
 
 
==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}}
{| {{prettytable}}
|Zelle 1
|erste Zeile, erste Spalte || erste Zeile, zweite Spalte
|Zelle 2
|Zelle 3
|-
|-
|Zelle 4
|zweite Zeile, erste Spalte || zweite Zeile, zweite Spalte
|Zelle 5
|Zelle 6
|}
|}
|}
{{sa}} [http://de.wikipedia.org/wiki/Wikipedia:Tabellen Wikipedia:Tabellen]


__NOEDITSECTION__
{{WPTitel|Hilfe:Tabellen}}


[[Kategorie:Kamelopedia Hilfe]]
[[Kategorie:Kamelopedia Hilfe]]

Version vom 4. September 2006, 22:12 Uhr

↓ Überblick
↓ Bearbeiten
↓ Artikel
↓ Multimedia
↓ Features
↓ Pseudo und Anti

Eine ganz einfache Tabelle geht so:

{| border="1" cellpadding="5px"
|erste Zeile, erste Spalte || erste Zeile, zweite Spalte
|-
|zweite Zeile, erste Spalte || zweite Zeile, zweite Spalte
|}<br/>

und die schaut dann so aus:

erste Zeile, erste Spalte erste Zeile, zweite Spalte
zweite Zeile, erste Spalte zweite Zeile, zweite Spalte


Beginnt man stattdessen mit

{| {{prettytable}}

dann sieht es so aus:

erste Zeile, erste Spalte erste Zeile, zweite Spalte
zweite Zeile, erste Spalte zweite Zeile, zweite Spalte

 Siehe auch:  Wikipedia:Tabellen

Abgerufen von „http://kamelopedia.net/index.php?title=Hilfe:Tabellen&oldid=135970“