Hilfe:Tabellen

Aus STNE-Wiki

Wechseln zu: Navigation, Suche
Inhalt | STNE | Regeln | NPC | Kolonien | Gebäude | Waren | Items | Schiffe | Waffen | Sternenkartographie | Forschungen | Handel | Siedler | RPG | Support | Index

Navigieren

Seiten bearbeiten

Wiki-Syntax

Wiki-Verwaltung

Inhaltsverzeichnis

Tabellen

Tabellen können definiert werden, um Textinhalte und Bilder in tabellarischer Form darzustellen.


Syntaxreferenz

Beschreibung Syntax in der Wiki Vergleich: Syntax in HTML
Öffnender Tag für Tabelle {| Attribute <table Attribute>
Tabellenkopf ! Text <tr><th> Text </th>
Tabellenzeile (Inhalt) | Attribute | Text <tr><td Attribute>Text</td>
Schließender Tag Kopf/Zeile |- </tr>
Schließender Tag für Tabelle |} </table>



Die am Häufigsten verwendeten Attribute

Ein Tabellenkopf hat immer folgende Attribute integriert:
! Text
richtet den Text automatisch zentriert in der Zelle aus, verpasst dem Hintergrund das typische dunkelblau und schreibt den Text fett.
Im Klartext sieht das Ergebnis dann so aus:

    Text    



Um den Inhalt einer Tabellenzelle horizontal auszurichten, verwendet man das Attribut class in dem Attributbereich des Tags für die Tabellenzeile. class hat keine Auswirkungen auf Tabellenköpfe. (! Text // <tr><th> Text </th>
Die Werte: l (left), c (center) und r (right) sind erlaubt. Beispiel: | class="c" | Inhalt Zentriert den Inhalt in der Tabellenzeile
Standartmäßig wird der text immer linksbündig ausgerichtet.

Die Hintergrundfarbe einer Tabellenzelle wird ebenso mit dem Attribut class geändert. Auch dieses funktioniert ausschliesslich in normalen Tabellenzellen - nicht in Tabellenköpfen.
Es gibt insgesamt 3 vordefinierte Hintergrundfarben. Der Tag für die Hintergrundfarbe wird immer mit der Ausrichtung des Textes kombiniert.

Im folgenden sind einige Beispiele angeführt, um das gesamte System ein wenig zu verdeutlichen.


Ausrichtung: left (l) Ausrichtung: center (c) Ausrichtung: right (r)
ohne Rahmen class="nl" class="nc" class="nr"
ohne Hintergrundfarbe class="l" class="c" class="r"
mit Hintergrundfarbe class="bl" class="bc" class="br"
mit STNE-Hintergrundfarbe class="bbl" class="bbc" class="bbr"


In seltenen Einzelfällen kann es vorkommen, dass man eine andere Hintergrundfarbe, als die vordefinierten benötigt. In diesem Falle wird das Attribut bgcolor benötigt. Beispiel: ! bgcolor="#cabbec" | Inhalt Ändert die Hintergrundfarbe des Feldes in diesem Falle in ein helles Lila, hier in hexadezimaler Notation #cabbec.

Text

Wie man an diesem Beispiel sehen kann, ist es sinnvoll, im Falle des änder der Hintergrundfarbe, auch die entsprechende Schriftfarbe zu ändern, da es ansonsten unleserlich wird. Dies mag hier vielleichtn noch einstellbar sein,... sollte aber jemand in einem anderen Skin arbeiten, so kann es passieren, dass dieser jemand den Text nicht mehr lesen kann, oder es einfach ***** aussieht.
Daher: Ändert die Hintergrundfarbe mit bgcolor nur im äußersten Notfall und am Besten in Absprache mit der Wiki-Leitung.
Hinweis: Die Hintergrundfarbe der Tabelle ist standardmäßig nicht definiert - also transparent. Hierdurch ist z.B. eine Zeile der Tabelle, ohne explizite Farbangabe, immer mit der Hintergrundfarbe der Seite gefüllt.

Um mehrere Zellen zu verbinden gibt es das Attribut colspan, welchem ein Wert kleiner oder gleich der Anzahl Spalten in der Tabelle zugewiesen werden muß. Beispiel: | colspan="5" | Inhalt würde in einer Tabelle, mit genau 5 oder mehr Spalten, 5 Zellen zu einer einzigen horizontalen Zelle verbinden. Mit dem Attribut | rowspan="5" | Inhalt lassen sich Zellen in der vertikalen Ausrichtung verknüpfen.


! colspan="5" verbindet die 5 horizontalen Zellen miteinander zu einer ganzen.
| rowspan="5" verbindet die 5 vertikalen Zellen zu Einer. 1 2 3 4 5
2



3



4



5



rowspan und colspan lassen sich sowohl für Tabellenköpfe als auch für normale Tabellenzeilen/-zellen nutzen.
Die hier gezeigten Attribute könnten größtenteils kombiniert werden, wie aus dem Beispiel weiter unten ersichtlich ist.
Der Text in den Tabellenfeldern kann formatiert werden und Links enthalten, wie normaler Text auch.


Beispiel

Quelltext

{|
! colspan="4" | Tabellentitel
|-
! Header 1
! Header 2
! Header 3
! Header 4
|-
| 1. Zeile 1. Spalte
| 1. Zeile 2. Spalte
| 1. Zeile 3. Spalte
| 1. Zeile 4. Spalte
|-
| class="c" colspan="4" | Dieser Text erstreckt sich über 4 Spalten.
|-
| class="br" colspan="4" | Die nächste Tabellenzeile ist leer
|-
| <br>
| 
| 
| 
|}

Ergebnis

Tabellentitel
Header 1 Header 2 Header 3 Header 4
1. Zeile 1. Spalte 1. Zeile 2. Spalte 1. Zeile 3. Spalte 1. Zeile 4. Spalte
Dieser Text erstreckt sich über 4 Spalten.
Die nächste Tabellenzeile ist leer

Persönliche Werkzeuge