Hilfe:Tabellen: Unterschied zwischen den Versionen

Aus Freiheit statt Angst!
Zur Navigation springen Zur Suche springen
(fürs erste :))
 
(Änderung 114565 von Wir speichern nicht! (Diskussion) wurde rückgängig gemacht.)
 
(2 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt)
Zeile 134: Zeile 134:
 
|}</div>
 
|}</div>
 
  <nowiki>
 
  <nowiki>
{| class="wikitable toptextcells"
+
{| class="wikitable sortable"
! Linker Kopf
+
! Name
! Mitte Kopf
+
! Punkte
! Rechter Kopf
+
! class="unsortable" | Bemerkung
 
|-
 
|-
| 1.Zelle links
+
| Berta
| kurz
+
| 3000
| 1.Zelle rechts
+
| passable Leistung
 
|-
 
|-
| 2.Zelle links
+
| Emil(ie)
| Langlang & Langlang<br>Unlimited
+
| 13000
| 2 Zelle rechts
+
| war nun mal der/die beste
 +
|-
 +
| Anton
 +
| 100
 +
| das müsst ihr Anton selbst fragen
 
|}
 
|}
 
</nowiki>
 
</nowiki>

Aktuelle Version vom 29. August 2011, 08:08 Uhr

Übersicht Wiki-Hilfe



stöbern...

Tabellen sind immer wieder

  • Verlockung
  • Herausforderung
  • Schrecken
  • Qual
  • Ursache von Fehlern
  • überbewertet

Wie auch immer, so schwer sind sie nicht in eine Seite zu bringen. Wir geben hier einfach ein paar Beispiele, Verwendungsmöglichkeiten sind jeweils beim Beispiel vermerkt.


Einfach

Ohne Rahmen

Tabellen ohne Rahmen ist für das Anordnen von Texten brauchbar

so siehts aus:

Linker Kopf Mitte Kopf Rechter Kopf
1.Zelle links kurz 1.Zelle rechts
2.Zelle links Langlang & Langlang
Unlimited
2 Zelle rechts
{|
! Linker Kopf
! Mitte Kopf
! Rechter Kopf
|-
| 1.Zelle links
| kurz
| 1.Zelle rechts
|-
| 2.Zelle links
| Langlang & Langlang<br>Unlimited
| 2 Zelle rechts
|}

Mit Rahmen

Tabellen mit Rahmen sehen auch aus wie Tabellen

so siehts aus:

Linker Kopf Mitte Kopf Rechter Kopf
1.Zelle links kurz 1.Zelle rechts
2.Zelle links Langlang & Langlang
Unlimited
2 Zelle rechts
{| class="wikitable"
! Linker Kopf
! Mitte Kopf
! Rechter Kopf
|-
| 1.Zelle links
| kurz
| 1.Zelle rechts
|-
| 2.Zelle links
| Langlang & Langlang<br>Unlimited
| 2 Zelle rechts
|}

Text oben ausgerichtet

Zellinhalt an Oberkante ausgerichtet, das ist passend, wenn in den Zellen wirklich viel Text untergebracht ist. Es entsteht eine Art Zeitungslayout.

so siehts aus:

Linker Kopf Mitte Kopf Rechter Kopf
1.Zelle links kurz 1.Zelle rechts
2.Zelle links Langlang & Langlang
Unlimited
2 Zelle rechts
{| class="wikitable toptextcells"
! Linker Kopf
! Mitte Kopf
! Rechter Kopf
|-
| 1.Zelle links
| kurz
| 1.Zelle rechts
|-
| 2.Zelle links
| Langlang & Langlang<br>Unlimited
| 2 Zelle rechts
|}

Sortierbare Spalten

Zellinhalt kann sortiert werden (JavaScript muss dazu aktiv sein)

so siehts aus:

Name Punkte Bemerkung
Berta 3000 passable Leistung
Emil(ie) 13000 war nun mal der/die beste
Anton 100 das müsst ihr Anton selbst fragen
{| class="wikitable sortable"
! Name
! Punkte
! class="unsortable" | Bemerkung 
|-
| Berta
| 3000
| passable Leistung
|-
| Emil(ie)
| 13000
| war nun mal der/die beste
|-
| Anton
| 100
| das müsst ihr Anton selbst fragen
|}

Fortgeschritten

Farbenspiele

Zeilen und Zellen andersfarbig gestalten

so siehts aus:

Linker Kopf Mitte Kopf Rechter Kopf
1.Zelle links kurz 1.Zelle rechts
2.Zelle links Langlang & Langlang
Unlimited
2 Zelle rechts
{| class="wikitable toptextcells"
|- style="background-color: blue;"
! Linker Kopf
! Mitte Kopf
! Rechter Kopf
|-
| style="background-color: red;" | 1.Zelle links
| kurz
| 1.Zelle rechts
|-
| 2.Zelle links
| Langlang & Langlang<br>Unlimited
| 2 Zelle rechts
|}

Typografie

Zeilen und Zellen andersfarbig gestalten

so siehts aus:

Linker Kopf Mitte Kopf Rechter Spaltenkopf
1.Zelle links kurz 1.Zelle rechts
2.Zelle links Langlang & Langlang
Unlimited
2 Zelle rechts
{| class="wikitable toptextcells"
|- 
! Linker Kopf
! Mitte Kopf
! Rechter Spaltenkopf
|-
| 1.Zelle links
| align="right" | kurz
| align="center" | 1.Zelle rechts
|-
| 2.Zelle links
| Langlang & Langlang<br>Unlimited
| 2 Zelle rechts
|}

Köpfe Links

Zeilen und Zellen andersfarbig gestalten

so siehts aus:

Oberkopf 1.Zeile vorn 1.Zeile hinten
Mittelkopf 2.Zeile vorn 2.Zeile hinten
Unterkopf 3.Zeile vorn 3.Zeile hinten
{| class="wikitable"
|- 
! Oberkopf
| 1.Zeile vorn
| 1.Zeile hinten
|-
! Mittelkopf
| 2.Zeile vorn
| 2.Zeile hinten
|-
! Unterkopf
| 3.Zeile vorn
| 3.Zeile hinten
|}

Knifflig

Wirklich schwierig wird es ert beim Zusammenfassen von Zellen, da kann es schon mal Vorkommen, dass man vorher mit Papier und Bleistift ein Modell baut.

so siehts aus:

Oberkopf 1.Zeile hinten
Mittelkopf 2.Zeile vorn Block hinten
Unterkopf 3.Zeile vorn
{| class="wikitable"
|- 
! colspan="2" | Oberkopf
| 1.Zeile hinten
|-
! Mittelkopf
| 2.Zeile vorn
| rowspan="2" | Block hinten
|-
! Unterkopf
| 3.Zeile vorn
|}

Schreibvariante

Der Wikitext für Tabellen kann auch kompakter geschrieben werden, vor allem bei kompaktem Inhalt zu empfehlen. Allerdings neigen dann viele zu Schönheitsformatierungen, damit auch im Wikitext die Übersicht erhalten bleibt, das kann leicht zu einer Belastung werden. Die Schreibweise, pro Zeile eine Zelle zu schreiben, hat sich oft als gute Investition in die Zukunft bewährt.

so siehts aus:

Kopf Kopf
Zelle Zelle
Zelle Zelle
{| class="wikitable"
|- 
! Kopf !! Kopf
|-
| Zelle || Zelle
|-
| Zelle || Zelle
|}