Einfache Tabellengestaltung (2)

(deutsche Übersetzung der Seite PmWiki.SimpleTables2, Stand 10.Dez 2004)

Tabellen Merkmale: Jede Zeile die mit || beginnt aber nicht mit || endet, legt die Merkmale der Tabellenformatierung für jede folgende Tabelle fest. Diese Merkmale können Formatierungen wie Ränder (border), Weite (width), Ausrichtung (alignment), Hintergrundfarbe (bgcolor), Cellpadding und Cellspacing steuern.

Die Weite (Width) kann in Prozent oder in Pixeln angegeben werden. Farben können entweder als in Englisch genannten Namen oder in #rrggbb Codes eingerichtet werden (Hinweis: immer Kleinbuchstaben für rgb-Werte verwenden -- z.B., #ff0000 und nicht #FF0000 für Rot). Cellpadding ist der Raum zwischen dem Zellinhalt und den Seiten der Zelle; Cellspacing ist der Raum zwischen den Zellen.

Beispiel 1. Rand und Ausrichtung ändern.

Diese Markierungszeichen:

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

gestalten diese Tabelle:

Beispiel 2. Die Farbe wechseln.

Diese Markierungszeichen:

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

gestalten diese Tabelle:

Beispiel 3. Die Weite in Prozent ändern.

Diese Markierungszeichen:

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

gestalten diese Tabelle:

Beispiel 4. Die Weite in Pixeln und die Farbe mit HTML ändern.

Diese Markierungszeichen:

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

gestalten diese Tabelle:

Beispiel 5. Cellpadding verändern.

Diese Markierungszeichen:

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

gestalten diese Tabelle:

Beispiel 6. Cellspacing verändern.

Diese Markierungszeichen:

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

gestalten diese Tabelle:

<< Einfache Tabellen | PmWikiDe.DokumentationsIndex | Tabellengestaltung für Fortgeschrittene >>