Hilfe:Gestaltungsmöglichkeiten von Seiteninhalten

Hilfe

Allgemeines Formatieren wird im Artikel Hilfe:Bearbeiten erklärt.

Listen, Absätze

Erstzeileneinzüge

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Wiki-Code	Voraussetzung
<div class="hanging-indent">Lorem ipsum … … </div>	Zeile muss direkt hinter <div …> anfangen

Eine Variante zum Hervorheben ist die Wiki-Definitions-Liste umgeben von einem speziellen <div>-Element

Begriff 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Ein weiterer Punkt 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Noch ein weiterer Punkt:

(inklusive Doppelpunkt) orem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Wiki-Code	Voraussetzung
<div class="definition-inline"> ; Begriff : … ; Ein weiterer Punkt : … ; Noch ein weiterer Punkt&#58;: … </div>	Jeder Absatz muss in einer Zeile sein und darf keinen Zeilenumbruch enthalten manuelle Umbrüche mit <br/>

Tabellen

Tabellen sind für Daten konzipiert worden, nicht für ganze Seitenlayouts. Für Tabellen gibt es generell folgende CSS Klassen die eine Zusatz-Funktion oder -Layout hervorrufen:

sortable sortierbare Tabellen

vertical-align-top alle Zellen (bis auf <th>) werden vertikal oben angeordnet

vertical-align-middle alle Zellen (bis auf <th>) werden vertikal mittig angeordnet

vertical-align-bottom alle Zellen (bis auf <th>) werden vertikal unten angeordnet

Die Tabellen booktable sind konzipiert für eine elegante Tabellen-Darstellung. Die Variante booktabledotted sind für lange Tabellendaten gedacht, wo es visuelle Führungslinien braucht.

class="booktable"

Art	Kopffarbe	Ausprägung
Biene Maja	gelb-orange	+++
Biene Willi	gelb-orange	++
Grashüpfer Flip	grün	+

class="booktabledotted" für lange Tabellen

Art	Kopffarbe	Ausprägung
Biene Maja	gelb-orange	+++
Biene Willi	gelb-orange	++
Grashüpfer Flip	grün	+

Tabellen mit Gitternetzlinien

Diese sind gedacht für große und komplexe Tabellen, in denen es Führungslinien braucht.

CSS-Klasse class="wikitable"

Art	Kopffarbe	Ausprägung
Biene Maja	gelb-orange	+++
Biene Willi	gelb-orange	++
Grashüpfer Flip	grün	+

CSS-Klasse class="prettytable"

Art	Kopffarbe	Ausprägung
Biene Maja	gelb-orange	+++
Biene Willi	gelb-orange	++
Grashüpfer Flip	grün	+

CSS-Klasse class="mw_metadata"

Art	Kopffarbe	Ausprägung
Biene Maja	gelb-orange	+++
Biene Willi	gelb-orange	++
Grashüpfer Flip	grün	+

class="tableBoxedWithGridBlack1px"

Art	Kopffarbe	Ausprägung
Biene Maja	gelb-orange	+++
Biene Willi	gelb-orange	++
Grashüpfer Flip	grün	+