Hilfe:Tabellen: Unterschied zwischen den Versionen
+ Navi, kat |
K entscheidenden Fehler entfernt |
||
| (16 dazwischenliegende Versionen von 5 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
{{Hilfenavi}} | {{Hilfenavi}} | ||
Eine | |||
< | ==Grundlagen== | ||
{| border=" | 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 | |||
|} | |||
|} | |} | ||
{| border="1" | ==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]] | [[Kategorie:Kamelopedia Hilfe]] | ||
Aktuelle Version vom 5. Januar 2007, 17:03 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 kamel 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 kamel ein | So sieht es aus | ||
|---|---|---|---|
{| |
|
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 kamel ein | So sieht es aus | ||
|---|---|---|---|
{| |
|
Tabelle mit mehreren Tabellenzeilen
Der Beginn einer neuen Zeile wird deutlich gemacht, indem kamel hinter dem senkrechten Strich | einen waagerechten – setzt.
| Das gibt kamel ein | So sieht es aus | ||||
|---|---|---|---|---|---|
|
{| |
|
Komplexere Tabellen
Rahmen
Einen Rahmen erhält kamel, wenn mit border="x", wobei x die Stärke des Rahmens festlegt.
| Das gibt kamel ein | So sieht es aus | ||||||
|---|---|---|---|---|---|---|---|
|
{| border="1" |
|
oder
| Das gibt kamel ein | So sieht es aus | ||||||
|---|---|---|---|---|---|---|---|
|
{| border="5" |
|
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 kamel ein | So sieht es aus | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
{| border="1" |
| |||||||||
Titelzeilen
Eine Tabelle mit Titelzeile erreicht kamel, indem die Zellen, die hervorgehoben werden sollen, mit ! statt | eingeleitet werden:
| Das gibt kamel ein | So sieht es aus | ||||||
|---|---|---|---|---|---|---|---|
|
{| border="1" |
|
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 kamel ein | So sieht es aus | ||||||||
|---|---|---|---|---|---|---|---|---|---|
|
{| border="1" |
|
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 Farbtabelle.
| Das gibt kamel ein | So sieht es aus | ||||||||
|---|---|---|---|---|---|---|---|---|---|
|
{| border="1" |
|
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 kamel ein | So sieht es aus | ||||||
|---|---|---|---|---|---|---|---|
|
{| border="1" |
|
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 kamel ein | So sieht es aus | ||||||
|---|---|---|---|---|---|---|---|
|
{| border="1" |
|
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 kamel ein | So sieht es aus | ||||||
|---|---|---|---|---|---|---|---|
|
{| border="1" cellspacing="10" |
|
bzw:
| Das gibt kamel ein | So sieht es aus | ||||||
|---|---|---|---|---|---|---|---|
|
{| border="1" cellpadding="10" |
|
oder zusammen:
| Das gibt kamel ein | So sieht es aus | ||||||
|---|---|---|---|---|---|---|---|
|
{| border="1" cellpadding="10" cellspacing="10" |
|
{{prettytable}}
{{prettytable}} ist eine Vorlage, die ein vorformatiertes Design enthält.
| Das gibt kamel ein | So sieht es aus | ||||||
|---|---|---|---|---|---|---|---|
|
{| {{prettytable}} |
|
| Basiert auf „Hilfe:Tabellen“ aus der Wikipedia; Lizenz: CC-by-SA; Autorenliste. |