Qualitätswoche: Artikel verbessern und Crunchyroll-Premium-Abo gewinnen!
Verbessere im Rahmen der Qualitätswoche einen Artikel deiner Wahl und gewinne mit etwas |
Hilfe:Tabellen: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
(6 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
+ | Im ConanWiki kann man in den Artikeln auch '''Tabellen''' einbauen. |
||
− | {{Inuse|Ran-neechan}} |
||
− | Im DetektivConan-Wiki kann man in den Artikeln auch '''Tabellen''' einbauen. |
||
==Grundlegendes== |
==Grundlegendes== |
||
Zeile 48: | Zeile 47: | ||
*Den Tabellenkopf markiert man mit einem <code><nowiki>!</nowiki></code> anstatt des <code><nowiki>|</nowiki></code>. Der Text wird dann fett und zentriert angezeigt. |
*Den Tabellenkopf markiert man mit einem <code><nowiki>!</nowiki></code> anstatt des <code><nowiki>|</nowiki></code>. Der Text wird dann fett und zentriert angezeigt. |
||
*Außerdem ist es möglich, der Tabelle mit <code><nowiki>|+</nowiki></code> eine Überschrift zu geben. Dies muss im Quelltext in der zweiten Zeile stehen, also vor der ersten Zelle. Die Überschrift ist zentriert und maximal so breit wie die Tabelle. |
*Außerdem ist es möglich, der Tabelle mit <code><nowiki>|+</nowiki></code> eine Überschrift zu geben. Dies muss im Quelltext in der zweiten Zeile stehen, also vor der ersten Zelle. Die Überschrift ist zentriert und maximal so breit wie die Tabelle. |
||
− | |||
− | |||
− | |||
− | |||
==Attribute== |
==Attribute== |
||
Zeile 111: | Zeile 106: | ||
| style="color:#0000FF" | Zelle 3 |
| style="color:#0000FF" | Zelle 3 |
||
| Zelle 4 |
| Zelle 4 |
||
+ | |} |
||
+ | |} |
||
+ | {| class="roundtable wiki float-right" |
||
+ | ! width="190px" | Spaltenübergreifend |
||
+ | ! width="190px" | Zeilenübergreifend |
||
+ | |- |
||
+ | | |
||
+ | <nowiki>{| border="1" style="background-color:#B0E2FF"</nowiki><br /> |
||
+ | <nowiki>! Spalte 1</nowiki><br /> |
||
+ | <nowiki>! Spalte 2</nowiki><br /> |
||
+ | <nowiki>! Spalte 3</nowiki><br /> |
||
+ | <nowiki>|-</nowiki><br /> |
||
+ | <nowiki>| Zelle 1</nowiki><br /> |
||
+ | <nowiki>| colspan="2" align="center"|Zelle 2</nowiki><br /> |
||
+ | <nowiki>|-</nowiki><br /> |
||
+ | <nowiki>| Zelle 3</nowiki><br /> |
||
+ | <nowiki>| Zelle 4</nowiki><br /> |
||
+ | <nowiki>| Zelle 5</nowiki><br /> |
||
+ | <nowiki>|}</nowiki> |
||
+ | | |
||
+ | <nowiki>{| border="1"</nowiki><br /> |
||
+ | <nowiki>! Spalte 1</nowiki><br /> |
||
+ | <nowiki>! Spalte 2</nowiki><br /> |
||
+ | <nowiki>! Spalte 3</nowiki><br /> |
||
+ | <nowiki>|-</nowiki><br /> |
||
+ | <nowiki>| rowspan="2" align="center"|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>|}</nowiki> |
||
+ | |- |
||
+ | !Ausgabe |
||
+ | !Ausgabe |
||
+ | |- |
||
+ | | |
||
+ | {| border="1" style="background-color:#B0E2FF" |
||
+ | ! Spalte 1 |
||
+ | ! Spalte 2 |
||
+ | ! Spalte 3 |
||
+ | |- |
||
+ | | Zelle 1 |
||
+ | | colspan="2" align="center"|Zelle 2 |
||
+ | |- |
||
+ | | Zelle 3 |
||
+ | | Zelle 4 |
||
+ | | Zelle 5 |
||
+ | |} |
||
+ | | |
||
+ | {| border="1" |
||
+ | ! style="background:#F9F9F9;" | Spalte 1 |
||
+ | ! style="background:#F9F9F9;" | Spalte 2 |
||
+ | ! style="background:#F9F9F9;" | Spalte 3 |
||
+ | |- |
||
+ | | rowspan="2" align="center"|Zelle 1 |
||
+ | | Zelle 2 |
||
+ | | Zelle 3 |
||
+ | |- |
||
+ | | Zelle 4 |
||
+ | | Zelle 5 |
||
|} |
|} |
||
|} |
|} |
||
Zeile 121: | Zeile 177: | ||
*'''Hintergrund: '''<code><nowiki>style="background-color:#0000FF"</nowiki></code> |
*'''Hintergrund: '''<code><nowiki>style="background-color:#0000FF"</nowiki></code> |
||
*'''Textausrichtung: '''<code><nowiki>style="text-align:right"</nowiki></code> für rechtsbündig. Für linksbündig einfach <code><nowiki>left</nowiki></code> anstelle des <code><nowiki>right</nowiki></code> einsetzen. Für zentriert <code><nowiki>center</nowiki></code>. |
*'''Textausrichtung: '''<code><nowiki>style="text-align:right"</nowiki></code> für rechtsbündig. Für linksbündig einfach <code><nowiki>left</nowiki></code> anstelle des <code><nowiki>right</nowiki></code> einsetzen. Für zentriert <code><nowiki>center</nowiki></code>. |
||
+ | *'''Vertikale Ausrichtung: '''Mit <code><nowiki>class="toptextcells"</nowiki></code> fängt der Text am oberen Rand der Zelle an, funktioniert allerdings nur im Tabellenkopf und in der Tabellenzeile. <code><nowiki>valign="top"</nowiki></code> funktioniert dagegen in der Tabellenzeile und in der Zelle. Bei letzterem kann man anstelle des <code><nowiki>top</nowiki></code> auch <code><nowiki>bottom</nowiki></code> verwenden. Dann erscheint der Text am unteren Rand der Zelle. |
||
− | *'''Am oberen Rand: '''<code><nowiki></nowiki></code> |
||
+ | *'''Breite: '''Die Breite einer Tabelle kann mit <code><nowiki>style="width:50%"</nowiki></code> im Tabellenkopf bestimmt werden. Bei 50% ist dies die Hälfte des Bildschirms. Derselbe Befehl in einer Spalte bewirkt, dass diese Spalte 50% der gesamten Tabellenbreite einnimmt. |
||
− | *'''Rahmen: '''<code><nowiki></nowiki></code> |
||
+ | *'''Rahmen: '''<code><nowiki>border="1"</nowiki></code> im Tabellenkopf wird die gesamte Tabelle und jede Zelle umrandet. Die Zahl legt die Stärke des Rahmens fest. Mit <code>style="border: 1pt black solid"<nowiki></nowiki></code> kann man der Tabelle im Tabellenkopf für die Tabelle und in der Zelle für die Zelle eine Umrandung zuweisen. <code><nowiki>1pt</nowiki></code> legt die Stärke des Rahmens fest, <code><nowiki>black</nowiki></code> die Farbe. Beides kann variiert werden. Anstelle des <code><nowiki>solid</nowiki></code> kann auch <code><nowiki>dotted</nowiki></code> für einen gepunkteten Rahmen, und <code><nowiki>dashed</nowiki></code> für einen gestrichelten Rahmen stehen. Mit <code><nowiki>border</nowiki></code> ist die gesamte Tabelle/Zelle umrandet, <code><nowiki>border-top</nowiki></code> macht nur oben einen Rand und mit <code><nowiki>border-left</nowiki></code> bzw. <code><nowiki>border-right</nowiki></code> ist nur rechts/links ein Rand. |
||
+ | *'''Spalten zusammenfassen: '''Mithilfe <code><nowiki>colspan="2"</nowiki></code> ist es möglich, dass eine Zelle über mehrere Spalten geht. Die Zahl legt fest, wieviele Spalten die Zelle breit ist. |
||
+ | *'''Zeilen zusammenfassen: '''<code><nowiki></nowiki></code>Mithilfe <code><nowiki>rowspan="2"</nowiki></code> ist es möglich, dass eine Zelle über mehrere Zeilen geht. Die Zahl legt fest, wieviele Zeilen die Zelle lang ist. |
||
+ | *'''Sortierbare Tabellen: ''' Mit <code><nowiki>class="sortable"</nowiki></code> im Tabellenkopf kann man aus einer Tabelle eine sortierbare Tabelle machen. Dann erscheinen hinter den Überschriften der Spalten kleine Dreiecke, die bei einem Klick die Zeilen alphabetisch nach dieser Spalte sortiert anzeigen. Wenn man in eine Kopfzeile/Zeilenkopft einer sortierbaren Tabelle <code><nowiki>class="unsortable"</nowiki></code> einfügt, so schließt man damit die Sortierbarkeit dieser Spalte/Zeile aus. Möchte man eine Zeile einer Tabelle nicht mitsortieren lassen, so fügt man in den Zeilenkopf <code><nowiki>class="sortbottom"</nowiki></code> ein. Diese Zeile wird dann am Ende der Tabelle angehängt. |
||
+ | ==Hilfreiches== |
||
+ | *'''Aufzählungszeichen: '''Eine Liste innerhalb einer Tabelle muss in einer neuen Quelltextzeile anfangen, ansonsten wird das <code><nowiki>*</nowiki></code> nicht erkannt. |
||
+ | *'''Leere Zeilen in umrandeten Tabellen: '''Wenn alle Zellen in einer Zeile leer sind, so wird der Rahmen nicht richtig angezeigt. Um dies zu umgehen, sollte man in die Zellen ein geschützes HTML-Leerzeichen '''&nbsp;''' einfügen. |
||
+ | *'''Verschachtelte Tabellen: '''Es ist möglich, innerhalb einer Tabelle eine weitere Tabelle einzubauen. Diese muss aber in einer neuen Quelltextzeile anfangen. |
||
+ | ==Tabellen im ConanWiki== |
||
+ | *'''Infoboxen: '''Die Infoboxen sind Tabellen, die zur einfacheren Handhabung und zum Zwecke der Vereinheitlichung in einer Vorlage dienen. |
||
+ | *'''Auftrittstabellen und Tabellen der Werke im Detektivlexikon: '''Zu diesen Tabellen existieren die Vorlagen [[:Vorlage:TabelleAuftritte|TabelleAuftritte]] bzw. [[:Vorlage:TabelleWerke|TabelleWerke]], die hinter dem <code><nowiki>{|</nowiki></code> eingefügt werden. Dies dient der Vereinheitlichung und erleichtert einen Designwechsel. |
||
+ | [[Kategorie:Hilfe|Tabellen]] |
||
− | ==Anmerkungen== |
||
− | {|class="roundtable wiki float-right" |
||
− | |+ Überschrift |
||
− | !colspan="3" | Tabellenkopf |
||
− | |- |
||
− | ! |
||
− | !Spalte |
||
− | !Spalte |
||
− | |- |
||
− | !Zeile |
||
− | |Zelle |
||
− | |Zelle |
||
− | |- |
||
− | !Zeile |
||
− | |Zelle |
||
− | |Zelle |
||
− | |} |
||
− | {|class="roundtable wiki float-right" |
||
− | |+ Überschrift |
||
− | !colspan="2" | Tabellenkopf |
||
− | |- |
||
− | |Zelle |
||
− | |Zelle |
||
− | |- |
||
− | |Zelle |
||
− | |Zelle |
||
− | |} |
||
− | |||
− | {| |
||
− | ! Spalte 1 !! Spalte 2 |
||
− | |- |
||
− | | Zelle 1 || Zelle 2 |
||
− | |- |
||
− | | Zelle 3 || Zelle 4 |
||
− | |} |
Aktuelle Version vom 16. Juli 2017, 23:05 Uhr
Im ConanWiki kann man in den Artikeln auch Tabellen einbauen.
Grundlegendes[Quelltext bearbeiten]
Quelltext | oder | Ausgabe | ||||||
---|---|---|---|---|---|---|---|---|
{| |
{| |
|
- Jede Tabelle fängt mit einer geschweiften Klammer gefolgt von einem senkrechten Strich an
{|
und endet mit einem senkrechten Strich und einer geschweiften Klammer|}
. - Die öffnende Klammer muss als erstes Zeichen in der Quelltextzeile stehen.
- Jede Zelle beginnt mit einem senkrechten Strich
|
in einer neuen Quelltextzeile oder mit zwei senkrechten Strichen||
, falls sie in derselben Quelltextzeile wie die Vorgängerzelle steht. - Eine neue Tabellenzeile wird mit
|-
begonnen. - Den Tabellenkopf markiert man mit einem
!
anstatt des|
. Der Text wird dann fett und zentriert angezeigt. - Außerdem ist es möglich, der Tabelle mit
|+
eine Überschrift zu geben. Dies muss im Quelltext in der zweiten Zeile stehen, also vor der ersten Zelle. Die Überschrift ist zentriert und maximal so breit wie die Tabelle.
Attribute[Quelltext bearbeiten]
Tabelle | Zeile | Zelle | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
{|style="color:#0000FF" |
{| |
{| | ||||||||||||
Ausgabe | Ausgabe | Ausgabe | ||||||||||||
|
|
|
Spaltenübergreifend | Zeilenübergreifend | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
{| border="1" style="background-color:#B0E2FF" |
{| border="1" | |||||||||||||||||
Ausgabe | Ausgabe | |||||||||||||||||
|
|
- Es gibt drei Möglichkeiten der Tabelle Attribute zuzuweisen, die das Layout der Zellenelemente beeinflussen:
- Im Tabellenkopf hinter dem
{|
gültig für die gesamte Tabelle. - Im Zeilenkopf hinter dem
|-
gültig für die gesamte Zeile. - In der Zelle hinter dem
|
oder||
. Hier muss ein weiteres|
folgen und danach erst der Inhalt der Zelle.
- Wenn sich zwei Angaben widersprechen, so wird die Angabe der kleineren Einheit ausgeführt. Beispiel: Man hat der ganzen Tabelle die Schriftfarbe blau zugewiesen. Später kann man dennoch einer Zeile rote Schrift zuweisen.
- Schriftfarbe:
style="color:#0000FF"
Die Farbe kann entweder im #„Hexadezimalwert“ oder im („RGB-Wert dezimal mit Abstand“) angegeben werden. Beispiel:#0000FF
oder(0 0 255)
- Hintergrund:
style="background-color:#0000FF"
- Textausrichtung:
style="text-align:right"
für rechtsbündig. Für linksbündig einfachleft
anstelle desright
einsetzen. Für zentriertcenter
. - Vertikale Ausrichtung: Mit
class="toptextcells"
fängt der Text am oberen Rand der Zelle an, funktioniert allerdings nur im Tabellenkopf und in der Tabellenzeile.valign="top"
funktioniert dagegen in der Tabellenzeile und in der Zelle. Bei letzterem kann man anstelle destop
auchbottom
verwenden. Dann erscheint der Text am unteren Rand der Zelle. - Breite: Die Breite einer Tabelle kann mit
style="width:50%"
im Tabellenkopf bestimmt werden. Bei 50% ist dies die Hälfte des Bildschirms. Derselbe Befehl in einer Spalte bewirkt, dass diese Spalte 50% der gesamten Tabellenbreite einnimmt. - Rahmen:
border="1"
im Tabellenkopf wird die gesamte Tabelle und jede Zelle umrandet. Die Zahl legt die Stärke des Rahmens fest. Mitstyle="border: 1pt black solid"
kann man der Tabelle im Tabellenkopf für die Tabelle und in der Zelle für die Zelle eine Umrandung zuweisen.1pt
legt die Stärke des Rahmens fest,black
die Farbe. Beides kann variiert werden. Anstelle dessolid
kann auchdotted
für einen gepunkteten Rahmen, unddashed
für einen gestrichelten Rahmen stehen. Mitborder
ist die gesamte Tabelle/Zelle umrandet,border-top
macht nur oben einen Rand und mitborder-left
bzw.border-right
ist nur rechts/links ein Rand. - Spalten zusammenfassen: Mithilfe
colspan="2"
ist es möglich, dass eine Zelle über mehrere Spalten geht. Die Zahl legt fest, wieviele Spalten die Zelle breit ist. - Zeilen zusammenfassen:
Mithilfe
rowspan="2"
ist es möglich, dass eine Zelle über mehrere Zeilen geht. Die Zahl legt fest, wieviele Zeilen die Zelle lang ist. - Sortierbare Tabellen: Mit
class="sortable"
im Tabellenkopf kann man aus einer Tabelle eine sortierbare Tabelle machen. Dann erscheinen hinter den Überschriften der Spalten kleine Dreiecke, die bei einem Klick die Zeilen alphabetisch nach dieser Spalte sortiert anzeigen. Wenn man in eine Kopfzeile/Zeilenkopft einer sortierbaren Tabelleclass="unsortable"
einfügt, so schließt man damit die Sortierbarkeit dieser Spalte/Zeile aus. Möchte man eine Zeile einer Tabelle nicht mitsortieren lassen, so fügt man in den Zeilenkopfclass="sortbottom"
ein. Diese Zeile wird dann am Ende der Tabelle angehängt.
Hilfreiches[Quelltext bearbeiten]
- Aufzählungszeichen: Eine Liste innerhalb einer Tabelle muss in einer neuen Quelltextzeile anfangen, ansonsten wird das
*
nicht erkannt. - Leere Zeilen in umrandeten Tabellen: Wenn alle Zellen in einer Zeile leer sind, so wird der Rahmen nicht richtig angezeigt. Um dies zu umgehen, sollte man in die Zellen ein geschützes HTML-Leerzeichen einfügen.
- Verschachtelte Tabellen: Es ist möglich, innerhalb einer Tabelle eine weitere Tabelle einzubauen. Diese muss aber in einer neuen Quelltextzeile anfangen.
Tabellen im ConanWiki[Quelltext bearbeiten]
- Infoboxen: Die Infoboxen sind Tabellen, die zur einfacheren Handhabung und zum Zwecke der Vereinheitlichung in einer Vorlage dienen.
- Auftrittstabellen und Tabellen der Werke im Detektivlexikon: Zu diesen Tabellen existieren die Vorlagen TabelleAuftritte bzw. TabelleWerke, die hinter dem
{|
eingefügt werden. Dies dient der Vereinheitlichung und erleichtert einen Designwechsel.