Bearbeiten von MosaPedia:Tabellen

Aus MosaPedia

Wechseln zu: Navigation, Suche
Du bearbeitest diese Seite unangemeldet. Wenn du speicherst, wird deine aktuelle IP-Adresse in der Versionsgeschichte aufgezeichnet und ist damit unwiderruflich öffentlich einsehbar.
Um die Änderung rückgängig zu machen, bitte die Bearbeitung in der Vergleichsansicht kontrollieren und dann auf „Seite speichern“ klicken.
Aktuelle Version Dein Text
Zeile 1: Zeile 1:
-
'''Tabellen''' sind ein wichtiges Gestaltungsmittel für MosaPedia-Artikel. Der folgende Artikel soll regelmäßig wiederkehrende Tabellenformatierungen erklären und MosaPedia-typische Beispiele liefern. Wirklich erschöpfende Auskunft über die Möglichkeiten der Arbeit mit Tabellen findet man in den [[Wikipedia]]-Artikeln [http://de.wikipedia.org/wiki/Hilfe:Tabellen Hilfe:Tabellen] und [http://de.wikipedia.org/wiki/Hilfe:Tabellen_für_Fortgeschrittene Hilfe:Tabellen für Fortgeschrittene].
+
'''Tabellen''' sind ein wichtiges Gestaltungsmittel für MosaPedia-Artikel. Der folgende Artikel soll regelmäßig wiederkehrende Tabellenformatierungen erklären und MosaPedia-typische Beispiele liefern. Wirklich erschöpfende Auskunft über die Möglichkeiten der Arbeit mit Tabellen findet man in den [[Wikipedia]]-Artikeln [http://de.wikipedia.org/wiki/Hilfe:Tabellen Hilfe:Tatebllen] und [http://de.wikipedia.org/wiki/Hilfe:Tabellen_für_Fortgeschrittene Hilfe:Tabellen für Fortgeschrittene].
== Grundlagen ==
== Grundlagen ==
Zeile 83: Zeile 83:
<br clear=both>
<br clear=both>
=== Formatieren von Zellen und Tabellenzeilen ===
=== Formatieren von Zellen und Tabellenzeilen ===
-
Man kann einzelne Zellen oder ganze Tabellenzeilen separat formatieren, um sie z.B. farbig zu gestalten, ihre Breite oder Höhe festzulegen oder die Bündigkeit des Textes zu variieren:  
+
Man kann einzelne Zellen oder ganze Tabellenzeilen separat formatieren, um sie z.B. farbig zu gestalten, ihre Breite oder Höhe festzulegen oder die Bündigkeit des Textes variieren:  
* bgcolor="#12345" (alternativ: style="background-color:#12345")
* bgcolor="#12345" (alternativ: style="background-color:#12345")
* width="50"
* width="50"
Zeile 154: Zeile 154:
|-
|-
| Tri || tra || trullala.
| Tri || tra || trullala.
-
|}
 
-
 
-
 
-
----
 
-
Die relative Breite der einzelnen Tabellenspalten zueinander kann auch in Prozent der Gesamtbreite angegeben werden. Soweit es die Bildschirmbreite zulässt, wird diese Gesamtbreite der Tabelle dann auf der Grundlage derjenigen Spalte berechnet, deren Mindestbreite unabhängig von der Prozentzahl festgelegt ist (z.B. automatisch durch die Länge eines Wortes, das in einer ihrer Zellen steht, oder durch die zusätzliche Angabe einer absoluten Breite).
 
-
 
-
Im folgenden Beispiel betragen die Spaltenbreiten 5%, 25% und 70% der Breite der gesamten Tabelle. Dabei kann man auf die Angabe bei einer der Spalten verzichten, da sie sich aus der Differenz zu 100% ergibt. Die Referenzspalte in diesem Fall ist die erste Spalte - durch die Länge des Wortes "Haus" in der mittleren Zelle und die Prozentangabe wird festgelegt, wie viel 5% der Gesamttabelle ausmachen, und daraus errechnet sich die absolute Breite der Tabelle.
 
-
 
-
{|
 
-
|
 
-
<pre>{| {{prettytable}}
 
-
|- bgcolor="#FFF8DC"
 
-
| width="5%" | Das
 
-
| width="25%" | ist
 
-
| width="70%" | das
 
-
|-
 
-
| Haus || des || Nikolaus.
 
-
|-
 
-
| Tri
 
-
| tra
 
-
| trullala.
 
-
|}</pre>
 
-
| width="20" |
 
-
| valign="top" |
 
-
<pre>{| {{prettytable}}
 
-
|- bgcolor="#FFF8DC"
 
-
| width="5%" | Das
 
-
| ist
 
-
| width="70%" | das
 
-
|-
 
-
| Haus || des || Nikolaus.
 
-
|-
 
-
| Tri
 
-
| tra
 
-
| trullala.
 
-
|}</pre>
 
-
|}
 
-
 
-
Ergeben beide:
 
-
 
-
{| {{prettytable}}
 
-
|- bgcolor="#FFF8DC"
 
-
| width="5%" | Das
 
-
| width="25%" | ist || das
 
-
|-
 
-
| Haus || des || Nikolaus.
 
-
|-
 
-
| Tri
 
-
| tra
 
-
| trullala.
 
|}
|}
Zeile 249: Zeile 199:
=== Einbetten von zusätzlichen Formatvorlagen in Tabellenzellen ===
=== Einbetten von zusätzlichen Formatvorlagen in Tabellenzellen ===
-
Manchmal ist es hilfreich, wenn man den Inhalt der Tabellenzellen genauso layouten kann, wie normalen Quelltext; z.B. eine weitere Tabelle in eine Zelle einbauen, oder eine normale Überschrift, oder eine Liste. Das geht, indem man nach dem zellenöffnenden | erst in der nächsten Textzeile beginnt. Die auf diese Weise erzeugten Überschriften werden von der Wikisoftware ganz normal behandelt, tauchen also oben im Inhaltsverzeichnis auf und können über den "Bearbeiten"-Knopf separat geändert werden. Beispiele:
+
Manchmal ist es hilfreich, wenn man den Inhalt der Tabellenzellen genauso layouten kann, wie normalen Quelltext; z.B. eine weitere Tabelle in eine Zelle einbauen, oder eine normale Überschrift, oder eine Liste. Das geht, indem man nach dem zellenöffnenden | erst in der nächsten Textzeile beginnt. Beispiele:
{|
{|
Zeile 274: Zeile 224:
|
|
==== Erste Hälfte ====
==== Erste Hälfte ====
-
Das ist
+
Das ist das Haus
|
|
==== Zweite Hälfte ====
==== Zweite Hälfte ====
-
das Haus
 
-
|-
 
-
| colspan="2" |
 
-
==== Dritte Hälfte ====
 
vom Nikolaus.
vom Nikolaus.
|}</pre>
|}</pre>
Zeile 287: Zeile 233:
<pre>{| {{prettytable}}
<pre>{| {{prettytable}}
|-
|-
-
| bgcolor="yellow" |
+
|
* Das
* Das
* ist
* ist
Zeile 303: Zeile 249:
{|
{|
-
| valign="top" |
+
|
{| {{prettytable}}
{| {{prettytable}}
|-
|-
Zeile 319: Zeile 265:
| colspan="3" | Nikolaus.
| colspan="3" | Nikolaus.
|}
|}
 +
| width="10" |
| valign="top" |
| valign="top" |
{| {{prettytable}}
{| {{prettytable}}
Zeile 324: Zeile 271:
|
|
==== Erste Hälfte ====
==== Erste Hälfte ====
-
Das ist
+
Das ist das Haus
|
|
==== Zweite Hälfte ====
==== Zweite Hälfte ====
-
das Haus
 
-
|-
 
-
| colspan="2" |
 
-
==== Dritte Hälfte ====
 
vom Nikolaus.
vom Nikolaus.
|}
|}
 +
| width="10" |
| valign="top" |
| valign="top" |
{| {{prettytable}}
{| {{prettytable}}
|-
|-
-
| bgcolor="yellow" |
+
|
* Das
* Das
* ist
* ist
Zeile 349: Zeile 293:
|}
|}
-
----
+
[[Kategorie:MosaPedia]]
-
Bilder lassen sich hingegen ganz normal in Tabellen einbinden. Beispiel:
+
{{inuse|Tilberg}}
-
 
+
-
{|
+
-
|
+
-
<pre>{| {{prettytable}}
+
-
|- bgcolor="pink"
+
-
| [[Bild:Tb 1-76.jpg|x100px]]
+
-
| [[Bild:Tb 2-76.jpg|x100px]]
+
-
| rowspan="2" | [[Bild:Tb 5-76.jpg]]
+
-
|-
+
-
| [[Bild:Tb 3-76.jpg|x100px]]
+
-
| [[Bild:Tb 4-76.jpg|x100px]]
+
-
|}</pre>
+
-
|}
+
-
 
+
-
Ergibt:
+
-
 
+
-
{| {{prettytable}}
+
-
|- bgcolor="pink"
+
-
| [[Bild:Tb 1-76.jpg|x100px]]
+
-
| [[Bild:Tb 2-76.jpg|x100px]]
+
-
| rowspan="2" | [[Bild:Tb 5-76.jpg]]
+
-
|-
+
-
| [[Bild:Tb 3-76.jpg|x100px]]
+
-
| [[Bild:Tb 4-76.jpg|x100px]]
+
-
|}
+
-
 
+
-
=== Tabellenüberschriften ===
+
-
Um eine Tabellenzelle hervorzuheben, was vor allem für die Kopfzeile immer wieder wichtig ist, ersetzt man den einleitenden | durch ein Ausrufungszeichen. Dadurch wird der Inhalt der Zelle fett und (zumindest bei den meisten Browsern) zentriert dargestellt. Ordnet man die Einzelzellen im Quelltext in einer Zeile an, gilt diese Fett/Zentriert-Schreibung für die ganze entstehende Tabellenzeile; ordnet man die Zellen im Quelltext untereinander an, kann man sie einzeln mit ! versehen. Außerdem kann man eine Tabelle mit einer zusätzlichen, zentrierten, über der eigentlichen Tabelle "schwebenden" Überschrift versehen, indem man die erste Zeile mit |+ beginnen lässt. Diese schwebende Überschrift passt sich automatisch der Tabellenbreite an. Beispiel:
+
-
 
+
-
{|
+
-
|
+
-
<pre>{| {{prettytable}}
+
-
|+ Wunderschönes Haus des Nikolaus
+
-
|- bgcolor="green"
+
-
! Das || ist || das
+
-
|-
+
-
| Haus || des || Nikolaus.
+
-
|-
+
-
| Tri
+
-
| tra
+
-
! trullala.
+
-
|}</pre>
+
-
|}
+
-
 
+
-
Ergibt:
+
-
 
+
-
{| {{prettytable}}
+
-
|+ Wunderschönes Haus des Nikolaus
+
-
|- bgcolor="green"
+
-
! Das || ist || das
+
-
|-
+
-
| Haus || des || Nikolaus.
+
-
|-
+
-
| Tri
+
-
| tra
+
-
! trullala.
+
-
|}
+
-
 
+
-
== Sortierbare Tabellen ==
+
-
Manchmal kann es sinnvoll sein, Tabelleninhalte nach wechselnden Kriterien anordnen zu lassen. Dafür gibt es den Befehl class="sortable", der in die erste Tabellen-Quelltextzeile eingetragen wird. Dadurch entstehen in den Zellen der Kopfzeile kleine Kästchen, die man anklicken und damit die Sortierkriterien der Tabelle ändern kann. Wichtig: Nur völlig regelmäßige Tabellen lassen sich sortieren - es darf keine Zellen über mehrere Zeilen oder Spalten geben. Beispiel:
+
-
 
+
-
{|
+
-
|
+
-
<pre>{| {{prettytable}} class="sortable"
+
-
|- bgcolor="yellow"
+
-
! Spalte A || Spalte B || Spalte C
+
-
|-
+
-
| 123 || DEF || !"§
+
-
|-
+
-
| 456 || GHI || $%&
+
-
|-
+
-
| 789 || ABC || /()
+
-
|}</pre>
+
-
|}
+
-
 
+
-
Ergibt:
+
-
 
+
-
{| {{prettytable}} class="sortable"
+
-
|- bgcolor="yellow"
+
-
! Spalte A || Spalte B || Spalte C
+
-
|-
+
-
| 123 || DEF || !"§
+
-
|-
+
-
| 456 || GHI || $%&
+
-
|-
+
-
| 789 || ABC || /()
+
-
|}
+
-
 
+
-
== Beispiele für häufig benutzte Tabellen ==
+
-
Bestimmte Tabellenarten werden in der MosaPedia immer wieder eingesetzt. Man kann sie sich von hier in den Artikel kopieren und entsprechend anpassen.
+
-
 
+
-
=== Stammdatentabelle mit einem Bild ===
+
-
{|
+
-
|
+
-
<pre>{| {{Prettytable}} align="right"
+
-
| colspan="3" align="center" bgcolor="#FEDBCA" | '''Stammdaten'''
+
-
|-
+
-
| bgcolor="#F0FFF0" align="center" | '''Titelbild'''
+
-
| '''Erschienen''' || Monat Jahr
+
-
|-
+
-
| bgcolor="#F0FFF0" rowspan="9" width="170" | [[bild:Bildfehlt.jpg|center]]
+
-
| '''Nachdruck''' || ___
+
-
|-
+
-
| '''Umfang''' || __ Seiten
+
-
|-
+
-
| '''Panel''' || __ + Titelbild
+
-
|-
+
-
| '''Katalog''' || ___
+
-
|- bgcolor="#FFFFE0"
+
-
| rowspan="3" | '''Serie'''
+
-
| Liste aller ___
+
-
|-
+
-
| bgcolor="#FFFFE0" | '''Hauptserie:''' ___
+
-
|-
+
-
| bgcolor="#FFFFE0" | '''Kapitel:''' ___
+
-
|- bgcolor="#BFEFFF"
+
-
| '''Heft davor''' || ___
+
-
|- bgcolor="#CFCFCF"
+
-
| '''Heft danach''' || ___
+
-
|}</pre>
+
-
| valign="top" |
+
-
{| {{Prettytable}} align="right"
+
-
| colspan="3" align="center" bgcolor="#FEDBCA" |
+
-
'''Stammdaten'''
+
-
|-
+
-
| bgcolor="#F0FFF0" align="center" | '''Titelbild'''
+
-
| '''Erschienen''' || Monat Jahr
+
-
|-
+
-
| bgcolor="#F0FFF0" rowspan="9" width="170" |
+
-
[[bild:Bildfehlt.jpg|center]]
+
-
| '''Nachdruck''' || ___
+
-
|-
+
-
| '''Umfang''' || __ Seiten
+
-
|-
+
-
| '''Panel''' || __ + Titelbild
+
-
|-
+
-
| '''Katalog''' || ___
+
-
|- bgcolor="#FFFFE0"
+
-
| rowspan="3" | '''Serie'''
+
-
| Liste aller ___
+
-
|-
+
-
| bgcolor="#FFFFE0" | '''Hauptserie:''' ___
+
-
|-
+
-
| bgcolor="#FFFFE0" | '''Kapitel:''' ___
+
-
|- bgcolor="#BFEFFF"
+
-
| '''Heft davor''' || ___
+
-
|- bgcolor="#CFCFCF"
+
-
| '''Heft danach''' || ___
+
-
|}
+
-
|}
+
-
 
+
-
<br clear=both>
+
-
=== Stammdatentabelle mit zwei Bildern ===
+
-
{|
+
-
| valign="top" |
+
-
<pre>{| {{Prettytable}} align="right"
+
-
| colspan="2" bgcolor="#F0FFF0" align="center" | '''Umschlaggestaltung'''
+
-
|-
+
-
| colspan="2" bgcolor="#F0FFF0" |
+
-
{| align="center" style="background:#F0FFF0"
+
-
! Bild 1
+
-
! Bild 2
+
-
|-
+
-
| [[Datei:Bildfehlt.jpg|center]]
+
-
| [[Datei:Bildfehlt.jpg|center]]
+
-
|}
+
-
|-
+
-
| colspan="2" align="center" bgcolor="#FEDBCA" | '''Stammdaten'''
+
-
|-
+
-
| '''Erschienen''' || ___ ____
+
-
|-
+
-
| '''Nachdruck''' || ___
+
-
|-
+
-
| '''Umfang''' || __ Seiten
+
-
|-
+
-
| '''Panel''' || __ + Titelbild
+
-
|-
+
-
| '''Katalog''' || ___
+
-
|- bgcolor="#FFFFE0"
+
-
| rowspan="3" | '''Serie'''
+
-
| Liste aller ___
+
-
|-
+
-
| bgcolor="#FFFFE0" | '''Hauptserie:''' ___
+
-
|-
+
-
| bgcolor="#FFFFE0" | '''Kapitel:''' ___
+
-
|-  bgcolor="#BFEFFF"
+
-
| '''Heft davor''' || ___
+
-
|- bgcolor="#CFCFCF"
+
-
| '''Heft danach''' || ___
+
-
|}</pre>
+
-
|
+
-
{| {{Prettytable}} align="right"
+
-
| colspan="2" bgcolor="#F0FFF0" align="center" | '''Umschlaggestaltung'''
+
-
|-
+
-
| colspan="2" bgcolor="#F0FFF0" |
+
-
{| align="center" style="background:#F0FFF0"
+
-
! Bild 1
+
-
! Bild 2
+
-
|-
+
-
| [[Datei:Bildfehlt.jpg|center]]
+
-
| [[Datei:Bildfehlt.jpg|center]]
+
-
|}
+
-
|-
+
-
| colspan="2" align="center" bgcolor="#FEDBCA" | '''Stammdaten'''
+
-
|-
+
-
| '''Erschienen''' || ___ ____
+
-
|-
+
-
| '''Nachdruck''' || ___
+
-
|-
+
-
| '''Umfang''' || __ Seiten
+
-
|-
+
-
| '''Panel''' || __ + Titelbild
+
-
|-
+
-
| '''Katalog''' || ___
+
-
|- bgcolor="#FFFFE0"
+
-
| rowspan="3" | '''Serie'''
+
-
| Liste aller ___
+
-
|-
+
-
| bgcolor="#FFFFE0" | '''Hauptserie:''' ___
+
-
|-
+
-
| bgcolor="#FFFFE0" | '''Kapitel:''' ___
+
-
|-  bgcolor="#BFEFFF"
+
-
| '''Heft davor''' || ___
+
-
|- bgcolor="#CFCFCF"
+
-
| '''Heft danach''' || ___
+
-
|}
+
-
|}
+
-
 
+
-
=== Inhaltsverzeichnis ===
+
-
Ein schönes Beispiel für eine unsichtbare Tabelle. Ein Teil der Tabellensyntax ist in der [[:Vorlage:Inhalt]] verborgen.
+
-
 
+
-
{|
+
-
|
+
-
<pre>{|
+
-
{{Inhalt|1|2|Autor: ''Titel''}}
+
-
{{Inhalt|3|4|Autor: ''Titel''}}
+
-
{{Inhalt|5||Autor: ''Titel''}}
+
-
{{Inhalt|6||Autor: ''Titel''}}
+
-
{{Inhalt|7|10|Autor: ''Titel''}}
+
-
|}</pre>
+
-
| width="20" |
+
-
|
+
-
{|
+
-
{{Inhalt|1|2|Autor: ''Titel''}}
+
-
{{Inhalt|3|4|Autor: ''Titel''}}
+
-
{{Inhalt|5||Autor: ''Titel''}}
+
-
{{Inhalt|6||Autor: ''Titel''}}
+
-
{{Inhalt|7|10|Autor: ''Titel''}}
+
-
|}
+
-
|}
+
-
 
+
-
=== Platzsparend angeordnete Listen mit Überschriften ===
+
-
{|
+
-
|
+
-
<pre>{|
+
-
| valign="top" |
+
-
==== Überschrift 1 ====
+
-
*
+
-
*
+
-
| width="20" |
+
-
| valign="top" |
+
-
==== Überschrift 2 ====
+
-
*
+
-
*
+
-
*
+
-
|-
+
-
| valign="top" |
+
-
==== Überschrift 3 ====
+
-
*
+
-
*
+
-
*
+
-
*
+
-
|
+
-
| valign="top" |
+
-
==== Überschrift 4 ====
+
-
*
+
-
*
+
-
*
+
-
*
+
-
*
+
-
|}</pre>
+
-
| width="20" |
+
-
| valign="top" |
+
-
{|
+
-
| valign="top" |
+
-
==== Überschrift 1 ====
+
-
*
+
-
*
+
-
| width="20" |
+
-
| valign="top" |
+
-
==== Überschrift 2 ====
+
-
*
+
-
*
+
-
*
+
-
|-
+
-
| valign="top" |
+
-
==== Überschrift 3 ====
+
-
*
+
-
*
+
-
*
+
-
*
+
-
|
+
-
| valign="top" |
+
-
==== Überschrift 4 ====
+
-
*
+
-
*
+
-
*
+
-
*
+
-
*
+
-
|}
+
-
|}
+
-
 
+
-
[[Kategorie:MosaPedia]]
+

Bitte kopieren Sie keine Webseiten, die nicht Ihre eigenen sind, benutzen Sie keine urheberrechtlich geschützten Werke ohne Erlaubnis des Copyright-Inhabers!

Sie geben uns hiermit ihre Zusage, dass Sie den Text selbst verfasst haben, dass der Text Allgemeingut (public domain) ist, oder dass der Copyright-Inhaber seine Zustimmung gegeben hat. Falls dieser Text bereits woanders veröffentlicht wurde, weisen Sie bitte auf der Diskussion-Seite darauf hin. Bitte beachten Sie, dass das Nutzungsrecht für alle MosaPedia-Beiträge und Beitragsänderungen automatisch auf die MosaPedia übergeht. Falls Sie nicht möchten, dass Ihre Arbeit hier von anderen verändert und verbreitet wird, dann drücken Sie nicht auf "Speichern".


Abbrechen | Bearbeitungshilfe (wird in einem neuen Fenster geöffnet)

Folgende Vorlagen werden von dieser Seite verwendet:

Persönliche Werkzeuge