ref.thorstn.com /
private moziloCMS und CSS Referenzseite

Tabelle 2


Dieses ist eine weitere Beispieltabelle innerhalb der Kategorie Tabellen.

Überschrift links Überschrift rechts  
Diese Tabelle hat links eine Breite von 200 Pixeln.
Die Breite einer Spalte lässt sich nur über die Zelle einer Tabelle definieren. Es sind also zusätzliche Informationen in der CSS-Datei anzugeben.
Natürlich kann man auch den Rahmen weglassen, siehe nächste Tabelle auf der Seite Tabelle 3.
Diese Tabelle hat im CSS den Namen "tabelle200" und besitzt einen Innenabstand (des Textes zum Rahmen) von 5 Pixeln (padding:5px).

Im CMS wird innerhalb dieser Inhaltsseite folgender Code eingegeben:

[tabelle=tabelle200|
<<Überschrift links |Überschrift rechts>>
< Text links | Text rechts >
]

Der Code in der .css Datei lautet:

table.tabelle200 {
    margin:0px auto;
    width:100%;
    border:1px solid #C0C0C0;
}
th.tabelle200 {
    vertical-align:top;
    padding:5px;
    border:1px solid #C0C0C0;
}
td.tabelle2001 {
    vertical-align:top;
    padding:5px;
    border:1px solid #C0C0C0;
}
td.tabelle2002 {
    vertical-align:top;
    padding:5px;
    border:1px solid #C0C0C0;
}
td.tabelle200cell1 {
    vertical-align:top;
    width:200px;
    padding:5px;
}
td.tabelle200cell2 {
    vertical-align:top;
    width:400px;
    padding:5px;
}