Tabellen für Fortgeschrittene

Mit der Wiki-Software sind prinzipiell auch einige komplexere Formatierungen möglich. Leider werden diese aber meistenteils noch nicht durch das fotocommunity-Wiki unterstützt.

Grundsätzlich werden einige der Stilelemente einer Tabelle über zusätzliche Angaben in der ersten Zeile gesteuert, mit einem Leerzeichen vom {| abgesetzt.

Rahmen

Bis jetzt haben unsere Tabellen noch keine Umrandungen. Die Umrandung wird in der ersten Zeile (direkt hinter dem {| ) festgelegt, dabei ist zu beachten, eine Leerstelle zu lassen. Momentan kann nur die Rahmenstärke festgelegt werden, mit dem Argument: border=n wobei n die Stärke des Rahmens ist.

Beispiel

Das letzte Beispiel von oben sieht mit Rahmen im Text so aus:

{| border=1
 |Zelle 1
 |Zelle 2
 |-
 |Zelle 3
 |Zelle 4
 |-
 |Zelle 5
 |Zelle 6
 |}

und stellt sich so dar:

Zusammenlaufende Zellen

Oder auch Rowspanning und Colspanning. Auch mit den neuen Wiki-Befehlen ist es genauso wie bei HTML möglich eine Zelle über mehrere Zeilen oder Spalten reichen zu lassen, ein so genanntes rowspan bzw. colspan.

Um rowspan einzuschalten muss man vor der betreffenden Zelle, aber unbedingt in der gleichen Zeile, das rowspan-Argument einfügen, etwa in der Form rowspan=n wobei n für die Anzahl der Zeilen steht, über die die Zelle reichen soll. Genauso funktioniert es, wenn eine Zelle über mehrere Spalten reichen soll, man benutze dann colspan.

Eine Tabelle mit einer Zelle, die über zwei Spalten geht ("colspan=2") sieht so aus:

und wird erzeugt, indem die Spalten, die zusammengefasst werden sollen, mit "| colspan=n |" statt "|" eingeleitet werden (zusätzlich ist die "Zelle 2" zentriert; siehe Ausrichtung (http://de.wikipedia.org/wiki/Wikipedia:Tabellen#Ausrichtung)):

 {| border=1
 ! A
 ! B
 ! C
 |-
 | Zelle 1
 | colspan=2 align="center" | Zelle 2
 |-
 | Zelle 3
 | Zelle 4
 | Zelle 5
 |}

Verschachtelte Tabellen

Das Verschachteln ist mit den neuen Wiki-Befehlen denkbar einfach. Man muss nur an der Stelle, an der man eine weitere Tabelle, innerhalb einer anderen Tabelle wünscht, eine neue öffnende Klammer setzen. Wichtig ist es nur, dass dort am Anfang der Textzeile ausnahmsweise kein senkrechter Strich stehen darf!

Beispiel

Eine Tabelle, in der eine weitere Tabelle steckt, sieht im Text so aus:

{| border=1
 |Zelle 1
 |
 {| border=2
 |Zelle A
 |-
 |Zelle B
 |}
 |Zelle 3
 |}

und stellt sich so dar:

Bilder und Tabellen

Bilder in Tabellen zu formatieren ist mit den neuen Wiki-Befehlen einfacher geworden. Möglich wird dies mit class-Argumenten. Class-Argumente können am Anfang einer Tabelle stehen und gelten dann für die ganze Tabelle (ähnlich wie Rahmen (siehe oben)) oder am Anfang einer Zelle. Das Interessante ist, dass nicht nur das Bild formatiert wird, sondern auch der zugehörige Text, dies ist zum Beispiel nützlich für Bildunterschriften. Die zwei (?? gibt's noch mehr ??) class-Argumente sind flag und rimage. Sie werden mittels eines class=flag, bzw. class=rimage eingebunden. Mit class=rimage wird die Größe der Zelle auf das Bild ausgedehnt, ein kleiner Abstand um das Bild zum Rahmen wird beibehalten, und der Text verkleinert und zentriert und das ganze auf die rechte Seite geschoben. Mit class=flag wird der Text zwar ebenfalls zentriert, aber nicht verkleinert und auch nicht auf die rechte Seite verschoben.

Beispiele

Um ein Bild mit einer Bildunterschrift anzuzeigen, verwendet man die folgende Struktur.

{| class=rimage
 | [[Bild:Gefahrensymbol_C.png]]<br />Ein langer Text, der unter dem Bild steht.
 |}

Das Ergebnis im Text ist:

Die folgende Funktion funktioniert noch nicht in der deutschen Wikipedia: Eine Tabelle, mit Flagge mit Bildunterschrift,(flag) sieht im Text so aus:

{| class=flag
 | [[Bild:Germany flag medium.png]] Ein kurzer Text
 |}

und stellt sich so dar:

Formatierung

Farben, Ränder, Abstände und Spaltenbreiten können durch CSS (http://de.wikipedia.org/wiki/Cascading_Style_Sheets) Styles vielfältig beeinflusst werden. Bevor man sich dazu entschließt, sollte man über die Notwendigkeit des Unterfangens nachgedacht haben.

Spaltenbreite

Spaltenbreiten können relativ und absolut angegeben werden. Die Angabe ist nur bei einer Zelle der Spalte notwendig und sinnvoll.

{| border="1"
 !width="10%"|10%
 !width="20%"|20%
 !width="40%"|40%
 |----
 |A
 |B
 |C
 |}

{| border="1"
 !width="50"|50
 !width="100"|100
 !width="200"|200
 |----
 |A
 |B
 |C
 |}

Absolute Angaben in Pixel sind eher bei Grafiken sinnvoll.

Rahmen, cellspacing, cellpadding

{|
 |Alpha || Beta || Gamma
 |----
 |Delta || Epsilon || Zeta
 |}

{| border="1" 
 |Alpha || Beta || Gamma
 |----
 |Delta || Epsilon || Zeta
 |}

{| border="1" cellspacing="5" cellpadding="0"
 |Alpha || Beta || Gamma
 |----
 |Delta || Epsilon || Zeta
 |}

{| border="1" cellspacing="0" cellpadding="5"
 |Alpha || Beta || Gamma
 |----
 |Delta || Epsilon || Zeta
 |}

{| border="1" cellspacing="0" cellpadding="5" style="border-collapse:collapse;"
|Alpha || Beta || Gamma
|----
|Delta || Epsilon || Zeta
|}

Ausrichtung

Genau wie in HTML kann man den Inhalt von Zellen in der Tabelle unterschiedlich ausrichten:

{| border="1" cellspacing="0"
 !
 !align="left"|Links
 !align="center"|Zentriert
 !align="Right"|Rechts
 |----
 !valign="top" height="38"|Oben
 |valign="top" align="left"| x
 |valign="top" align="center"| x
 |valign="top" align="right"| x
 |----
 !valign="middle" height="38"|Mitte
 |valign="middle" align="left"| x
 |valign="middle" align="center"| x
 |valign="middle" align="right"| x
 |----
 !valign="bottom" height="38"|Unten
 |valign="bottom" align="left"| x
 |valign="bottom" align="center"| x
 |valign="bottom" align="right"| x
 |}

Andere HTML Formatierungen

Mit den neuen Wiki-Befehlen ist es möglich, alte HTML Formatierungen zu übernehmen, z.B. Zellen farbig zu hinterlegen (bgcolor=#ABCDEF, Farbtabelle (http://de.wikipedia.org/wiki/Wikipedia:Farbtabelle)) oder Rahmen andere Farben zu geben. Diese Vorgehen ist bei neuen Tabellen aber nicht empfohlen.

{|
 |bgcolor=#ABCDEF|A
 |B
 |----
 |C
 |D
 |}