Vinzenz: Tabellen mit CSS formatieren

Beitrag lesen

Hallo Josh,

Guten Morgen,

ich versuche gerade eine Tabelle mit CSS zu formatieren. Nach meinen Informationen ist das CLASS-Attribut auch im COL-Tag erlaubt, demnach sollte bei dem folgenden Code die rechte Spalte rechtsbündig ausgerichtet sein, und einen linken Rahmen sowie einen gelben Hintergrund haben.

http://www.w3.org/TR/CSS21/tables.html#q4 ist eine hilfreiche Lektüre, ich zitiere auf eine Auflistung verkürzt:

<zitat>
The following properties apply to column and column-group elements:

'border'
'background'
'width'
'visibility'
</zitat>

Daraus folgt:

rechte Spalte
  - rechtsbündig ausrichten geht nicht mit col
  - linker (eher dicker) Rahmen geht mit col
    beachte hier dass
        table { border-collapse: collapse; }
    erforderlich ist.
  - Hintergrund sollte mit col gehen, beachte auch
    http://www.w3.org/TR/CSS21/tables.html#table-layers
    hat bei mir Firefox nicht so interpretiert.

Das ist leider nicht der Fall, wie Ihr hier sehen könnt.
http://www.jho64.de/pecunia/test/tabelle.htm

Tipp: Links kannst Du hier mit [ link: http://www.jho64.de/pecunia/test/tabelle.htm ]
setzen, Leerzeichen dabei weglassen.

Kann mir jemand erklären wie es funktioniert?

table {
    border-collapse: collapse;
}

einfügen

Um den Text in der rechten Spalte rechtsbündig auszurichten, kannst Du eine td-Klasse erstellen. In die habe ich noch die Hintergrundfarbe integriert, da meine Browser die Hintergrundfarbe einer Spalte nicht dargestellt haben :-(

Freundliche Grüsse,

Vinzenz