Muzungu: Änderung 114565 von Wir speichern nicht! (Diskussion) wurde rückgängig gemacht.

2011-08-29T07:08:42Z

Änderung 114565 von Wir speichern nicht! (Diskussion) wurde rückgängig gemacht.

Wir speichern nicht! am 29. August 2011 um 05:25 Uhr

2011-08-29T05:25:57Z

Wir speichern nicht!: /* Sortierbare Spalten */

2009-05-04T11:08:50Z

Sortierbare Spalten

Peu: fürs erste :)

2009-02-12T21:15:42Z

fürs erste :)

Neue Seite

{{Wiki-Hilfe}}
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
<div style="width: 50%; float: right; border: thin solid green; background-color: #ffe; padding: .3em; margin: 1em;">
''so siehts aus:''
{|
! Linker Kopf
! Mitte Kopf
! Rechter Kopf
|-
| 1.Zelle links
| kurz
| 1.Zelle rechts
|-
| 2.Zelle links
| Langlang & Langlang<br>Unlimited
| 2 Zelle rechts
|}</div>
<nowiki>
{|
! Linker Kopf
! Mitte Kopf
! Rechter Kopf
|-
| 1.Zelle links
| kurz
| 1.Zelle rechts
|-
| 2.Zelle links
| Langlang & Langlang<br>Unlimited
| 2 Zelle rechts
|}
</nowiki>

=== Mit Rahmen ===
Tabellen mit Rahmen sehen auch aus wie Tabellen
<div style="width: 50%; float: right; border: thin solid green; background-color: #ffe; padding: .3em; margin: 1em;">
''so siehts aus:''
{| 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
|}</div>
<nowiki>
{| 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
|}
</nowiki>

=== Text oben ausgerichtet ===
Zellinhalt an Oberkante ausgerichtet, das ist passend, wenn in den Zellen wirklich viel Text untergebracht ist. Es entsteht eine Art Zeitungslayout.
<div style="width: 50%; float: right; border: thin solid green; background-color: #ffe; padding: .3em; margin: 1em;">
''so siehts aus:''
{| 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
|}</div>
<nowiki>
{| 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
|}
</nowiki>

=== Sortierbare Spalten ===
Zellinhalt kann sortiert werden ([[JavaScript]] muss dazu aktiv sein)
<div style="width: 50%; float: right; border: thin solid green; background-color: #ffe; padding: .3em; margin: 1em;">
''so siehts aus:''
{| 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
|}</div>
<nowiki>
{| 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
|}
</nowiki>

== Fortgeschritten ==
=== Farbenspiele ===
Zeilen und Zellen andersfarbig gestalten
<div style="width: 50%; float: right; border: thin solid green; background-color: #ffe; padding: .3em; margin: 1em;">
''so siehts aus:''
{| 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
|}</div>
<nowiki>
{| 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
|}
</nowiki>

=== Typografie ===
Zeilen und Zellen andersfarbig gestalten
<div style="width: 50%; float: right; border: thin solid green; background-color: #ffe; padding: .3em; margin: 1em;">
''so siehts aus:''
{| 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
|}</div>
<nowiki>
{| 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
|}
</nowiki>

=== Köpfe Links ===
Zeilen und Zellen andersfarbig gestalten
<div style="width: 50%; float: right; border: thin solid green; background-color: #ffe; padding: .3em; margin: 1em;">
''so siehts aus:''
{| class="wikitable"
|-
! Oberkopf
| 1.Zeile vorn
| 1.Zeile hinten
|-
! Mittelkopf
| 2.Zeile vorn
| 2.Zeile hinten
|-
! Unterkopf
| 3.Zeile vorn
| 3.Zeile hinten
|}</div>
<nowiki>
{| class="wikitable"
|-
! Oberkopf
| 1.Zeile vorn
| 1.Zeile hinten
|-
! Mittelkopf
| 2.Zeile vorn
| 2.Zeile hinten
|-
! Unterkopf
| 3.Zeile vorn
| 3.Zeile hinten
|}</nowiki>

== 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.
<div style="width: 50%; float: right; border: thin solid green; background-color: #ffe; padding: .3em; margin: 1em;">
''so siehts aus:''
{| class="wikitable"
|-
! colspan="2" | Oberkopf
| 1.Zeile hinten
|-
! Mittelkopf
| 2.Zeile vorn
| rowspan="2" | Block hinten
|-
! Unterkopf
| 3.Zeile vorn
|}</div>
<nowiki>
{| class="wikitable"
|-
! colspan="2" | Oberkopf
| 1.Zeile hinten
|-
! Mittelkopf
| 2.Zeile vorn
| rowspan="2" | Block hinten
|-
! Unterkopf
| 3.Zeile vorn
|}</nowiki>

== 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.
<div style="width: 50%; float: right; border: thin solid green; background-color: #ffe; padding: .3em; margin: 1em;">
''so siehts aus:''
{| class="wikitable"
|-
! Kopf !! Kopf
|-
| Zelle || Zelle
|-
| Zelle || Zelle
|}</div>
<nowiki>
{| class="wikitable"
|-
! Kopf !! Kopf
|-
| Zelle || Zelle
|-
| Zelle || Zelle
|}</nowiki>

← Nächstältere Version		Version vom 29. August 2011, 07:08 Uhr
Zeile 309:		Zeile 309:
	\| Zelle \|\| Zelle		\| Zelle \|\| Zelle
	\|}</nowiki>		\|}</nowiki>
−	~~[http://reversephonelookuppages.com/ reverse phone lookup]~~

← Nächstältere Version		Version vom 29. August 2011, 05:25 Uhr
Zeile 309:		Zeile 309:
	\| Zelle \|\| Zelle		\| Zelle \|\| Zelle
	\|}</nowiki>		\|}</nowiki>
		+	[http://reversephonelookuppages.com/ reverse phone lookup]

@@ Zeile 134: / Zeile 134: @@
 |}</div>
   <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
 |}
 </nowiki>

Hilfe:Tabellen - Versionsgeschichte

Muzungu: Änderung 114565 von Wir speichern nicht! (Diskussion) wurde rückgängig gemacht.

Wir speichern nicht! am 29. August 2011 um 05:25 Uhr

Wir speichern nicht!: /* Sortierbare Spalten */

Peu: fürs erste :)