Simple Tables 2

Einfache Tabellengestaltung (Teil 2)

Tabellen formatieren

Optional kann man in der ersten Zeile einer Tabelle verschiedene Formateinstellungen vornehmen. Dazu gehören etwa Tabellenrand (border) und -breite (width), Ausrichtung der Tabelle (align), Hintergrundfarbe (bgcolor), ‘Cellpadding’ und ‘Cellspacing’. Die Tabellenbreite kann in Prozent oder in Pixel angegeben werden. Farben können entweder mit einer englischen Farbbezeichnung oder mit HTML-Code spezifiziert werden. Mit ‘Cellpadding’ wird der Abstand zwischen Zelleninhalt und Zellenrand bezeichnet; ‘Cellspacing’ ist der Abstand zwischen Zellen.

Beispiel 1. Verändern des Tabellenrandes und der Ausrichtung.

Die Formatierungsanweisungen:

    
    || border=10 align=center
    || Zelle 1 || Zelle 2 || Zelle 3 ||
    || Zelle 1 || Zelle 2 || Zelle 3 ||

erzeugen folgende Tabelle:

Zelle 1Zelle 2Zelle 3
Zelle 1Zelle 2Zelle 3

Beispiel 2. Verändern von Farben.

Diese Formatierungsanweisungen:

    
    || border=1 bgcolor=red align=center
    || Zelle 1 || Zelle 2 || Zelle 3 ||
    || Zelle 1 || Zelle 2 || Zelle 3 ||

erzeugen folgende Tabelle:

Zelle 1Zelle 2Zelle 3
Zelle 1Zelle 2Zelle 3

Beispiel 3. Veränderungen der Breite in Prozent.

Diese Formatierungsanweisungen:

    
    || border=1 width=100% bgcolor=yellow
    || Zelle 1 || Zelle 2 || Zelle 3 ||
    || Zelle 1 || Zelle 2 || Zelle 3 ||

erzeugen folgende Tabelle:

Zelle 1Zelle 2Zelle 3
Zelle 1Zelle 2Zelle 3

Beispiel 4. Changing width with pixels and color with HTML.

Diese Formatierungsanweisungen:

    
    || border=1 width=350 bgcolor=#cccccc align=center
    || Zelle 1 || Zelle 2 || Zelle 3 ||
    || Zelle 1 || Zelle 2 || Zelle 3 ||

erzeugen folgende Tabelle:

Zelle 1Zelle 2Zelle 3
Zelle 1Zelle 2Zelle 3

Example 5. Changing cellpadding.

Diese Formatierungsanweisungen:

    
    || border=1 width=350 cellpadding=10 align=center
    || Zelle 1 || Zelle 2 || Zelle 3 ||
    || Zelle 1 || Zelle 2 || Zelle 3 ||

erzeugen folgende Tabelle:

Zelle 1Zelle 2Zelle 3
Zelle 1Zelle 2Zelle 3

Example 6. Changing cellspacing.

Diese Formatierungsanweisungen:

    
    || border=1 width=350 cellspacing=10 align=center
    || Zelle 1 || Zelle 2 || Zelle 3 ||
    || Zelle 1 || Zelle 2 || Zelle 3 ||

erzeugen folgende Tabelle:

Zelle 1Zelle 2Zelle 3
Zelle 1Zelle 2Zelle 3

« einfache Tabellengestaltung | PmWiki.Documentation Index | Tabellengestaltung »



This page may have a more recent version on pmwiki.org: PmWiki:SimpleTables2, and a talk page: PmWiki:SimpleTables2-Talk.