| Almanach | News | Exzellent | Artikel | Projekte | Hilfe |
|
< Hilfe < Formatieren < Tabellen Die vom Tamriel-Almanach verwendete MediaWiki-Software bietet eine eigene Syntax um Tabellen darzustellen. Diese Syntax ist zwar an das verbreitete HTML angelehnt, erleichtert jedoch durch eine vereinfachte Schreibweise die Arbeit an komplizierteren Tabellen. Um die Zellen einer Tabelle zu formatieren, lassen sich sowohl für die Tabellen als Ganzes als auch für einzelne Zellen HTML-Attribute angeben. Insbesondere kann das style-Attribut verwendet werden, wodurch sich beliebige CSS-Formatierungen realisieren lassen. Zwar lassen sich auch einzelne Zeilen einer Tabelle formatieren, möchte man jedoch ein Attribut an eine bestimmte Spalte vergeben, so muss dies zellenweise geschehen. Wann Tabellen einsetzen?Tabellen sind ein gutes Mittel, um gleichartige Informationen übersichtlich zu gestalten. Jedoch sollte man Tabellen nicht als grafisches Gestaltungsmittel einsetzen, sondern nur dann benutzen, wenn zwischen Tabellenzellen und ihren Zeilen und Spalten semantische Beziehungen bestehen. Sie dienen beispielsweise dann ihrem Zweck, wenn die Informationen in gewisser Weise sortiert werden können, nach Jahreszahlen oder mit alphabetischer Anordnung. Andererseits sind Tabellen komplizierter als normaler Text. Deshalb sollten sie nur dort eingesetzt werden, wo sie tatsächlich für bessere Übersicht sorgen. Überlege immer, ob du die Informationen nicht auch in einer einfachen Liste unterbringen kannst (siehe Hilfe:Textgestaltung). TabellensyntaxJede Tabelle im Wiki-Stil beginnt mit einer geschweiften Klammer { gefolgt von einem senkrechten Strich | und endet mit einem Strich | gefolgt von einer geschweiften Klammer }. Die öffnende Klammer muss als erstes Zeichen der Zeile stehen. Einfache TabellenJede Zeile innerhalb der beiden Klammern beginnt mit einem senkrechten Strich. Dieser macht den Beginn einer neuen Zelle deutlich. Direkt hinter diesem Strich steht entweder der Inhalt der Zelle oder Attribute (z. B. Rowspanning – siehe unten). Wichtig ist auch, dass jede Zelle mit einem Zeilenumbruch beendet wird. Eine Tabelle mit zwei Zellen in einer Tabellenzeile sieht im Text so aus:
Bitte beachten: {| | Zelle |} funktioniert nicht! Der Zeilenvorschub (Return) ist wichtiger Bestandteil der Tabellensyntax. Tabelle mit mehreren TabellenzeilenNatürlich benötigt man hauptsächlich Tabellen mit mehreren (Tabellen-)Zeilen. Der Beginn einer neuen Zeile wird deutlich gemacht, indem man hinter dem senkrechten Strich einen waagrechten - setzt. Dies lässt sich beliebig oft wiederholen.
Zum Platzsparen ist es möglich, mehrere Tabellenzellen in einer Quelltextzeile unterzubringen; in diesem Fall muss man die Zellen mit || trennen. Eine Tabelle mit drei Zeilen stellt sich also folgendermaßen dar:
Tabellen im Schreibmaschinenstil ohne FormatierungenDie einfachste und schnellste Art, eine Tabelle zu erstellen, ist der Schreibmaschinenstil (siehe auch Textgestaltung – vorformatierter Text mit einem Leerzeichen am Zeilenanfang). Dazu stellt man jeder Tabellenzeile ein Leerzeichen voran. Spalten und Layout werden visuell im Bearbeitungsmodus angepasst. Das Ergebnis entspricht anschließend genau der Ansicht im Bearbeitungsmodus. Dabei sollte bedacht werden, dass diese Formatierung die Breite der Druckversion nicht überschreitet (ca. 780px bei Normalschriftgröße) und auf kleineren Bildschirmen, PDAs etc. ärgerlich sein kann). Beispiel und Ergebnis: Klimatabelle Monat JAN FEB MÄR APR MAI JUN JUL AUG SEP OKT NOV DEZ ------------------------------------------------------------------------- Ø Tagestemperatur in °C 21 21 22 23 24 25 27 29 28 26 24 22 Ø Nachttemperatur in °C 15 15 15 16 17 18 20 21 20 19 18 16 Ø Sonnenstunden pro Tag 6 6 7 8 9 9 9 9 8 7 6 5 Ø Regentage pro Monat 6 4 3 2 2 1 0 0 2 5 6 7 Ø Wassertemperatur in °C 19 18 18 18 19 20 21 22 23 23 21 20 Komplexere TabellenRahmenBis jetzt haben unsere Tabellen noch keine Umrandungen. Die Umrandung wird in der ersten Zeile (direkt hinter dem {|) festgelegt. Momentan kann nur die Rahmenstärke festgelegt werden – mit dem Argument: border="x", wobei „x“ die Stärke des Rahmens ist (siehe aber auch Formatierungen). Das letzte Beispiel von oben sieht mit Rahmen im Text so aus:
TitelzeilenEine Tabelle mit Titelzeile erreicht man, indem die Zellen, die hervorgehoben werden sollen, mit ! statt | eingeleitet werden. In diesen Zellen erscheint der Text nun zentriert und fett:
Rowspanning und ColspanningMit der Wiki-Syntax ist es genauso wie bei HTML möglich eine Zelle über mehrere Zeilen oder Spalten reichen zu lassen, ein so genanntes rowspan bzw. colspan. Rowspan- und colspan-Angaben werden der Zelle als Attribute mitgegeben, und zwar nach dem Prinzip | Attribute | Inhalt Eine Tabelle mit einer Zelle, die über zwei Spalten geht (colspan="2") sieht so aus:
Eine Tabelle mit einer Zelle, die über zwei Zeilen geht (rowspan="2") sieht so aus:
Leere Zellen in Tabellen mit RahmenLeere Zellen werden in einer Tabelle nicht umrahmt. Um in manchen Browsern trotzdem einen Rahmen zu bekommen, kann man ein geschütztes HTML-Leerzeichen setzen. So sieht normalerweise eine Tabelle mit Leerzellen aus:
Verschachtelte TabellenDas Verschachteln ist mit der Wiki-Syntax 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. Eine Tabelle, in der eine weitere Tabelle steckt, sieht im Text so aus:
BeschriftungMit der Wiki-Syntax ist es leicht möglich, eine Beschriftung über der Tabelle anzugeben. Diese Beschriftung ist zentriert und maximal genauso breit wie die Tabelle mit automatischem Zeilenumbruch. Um eine Beschriftung einzubauen reicht es, nach dem senkrechten Strich und vor dem Text ein Plus + zu setzen. Innerhalb der Beschriftung kann man ganz normal mit der Wiki-Syntax formatieren. Eine Tabelle mit Beschriftung sieht im Text so aus:
AufzählungszeichenWill man Aufzählungszeichen in einer Tabelle verwenden, so muss der erste Listeneintrag in einer neuen Zeile beginnen. Andernfalls wird beim ersten Eintrag anstatt eines Aufzählungszeichens ein Sternchen angezeigt.
FormatierungenFarben, Ränder, Abstände und Spaltenbreiten können durch CSS-Styles vielfältig beeinflusst werden. Bevor man sich dazu entschließt, sollte man über die Notwendigkeit des Unterfangens nachgedacht haben und auch Bestrebungen zur Vereinheitlichung berücksichtigen. SpaltenbreitenSpaltenbreiten können relativ und absolut angegeben werden, wobei absolute Angaben in Pixeln sinnvoll nur beim Einbinden von Grafiken eingesetzt werden sollten. Die Breitenangabe ist nur bei einer Zelle der Spalte notwendig und sinnvoll.
Zellenabstände mit cellspacing und cellpaddingMit cellspacing kann der Abstand zwischen den Zellen festgelegt werden. Je größer der Cellspacing-Wert, desto breiter wird der Steg zwischen den Zellen. Mit cellpadding bestimmt man den Abstand des Zellinhaltes vom Zellrahmen. Das CSS-Attribut style="border-collapse:collapse;" lässt zusammenfallende Zellumrandungen verschwinden.
AusrichtungGenau wie in HTML kann man den Inhalt von Zellen in der Tabelle unterschiedlich ausrichten. Dabei kann man die Attribute einzelnen Zellen oder auch ganzen Zeilen zuweisen. Das valign gilt jeweils für die ganze Zeile, das align nur für die jeweilige Zelle.
Andere HTML-FormatierungenEs ist auch möglich, andere HTML-Formatierungen zu übernehmen, z.B. Zellen farbig zu hinterlegen (style="background:#204B2C;"; siehe: Farbtabelle) oder Rahmen andere Farben zu geben.
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
