Tabellen erstellen: Unterschied zwischen den Versionen

Version vom 19. Februar 2006, 21:57 Uhr

CSS-Klassen für Tabellen

Mit den Klassen tabtyp1,tabtyp2 und tabtyp3 können Standardtabellen gestaltet werden.

Eingeleitet wird eine solche Tabelle immer mit {| class=tabtyp1 cellpadding=0 cellspacing=0

Strukturierter Wiki-Code

Mittels ein paar Leerzeichen, Leerzeilen und Kommentaren <!-- Hier darf Text stehen --> kann man den Code besser lesbar machen. Die Textausrichtung kann jeweils eingegeben werden, standardmäßig ist alles linksbündig.

(| class=tabtyp1 cellpadding=0 cellspacing=0 

|-  valign=top   <!-- ======================================================== -->
!                width=180 |Startpackungen in Baugröße
!                width=180 |Hersteller
!   align=right  width=180 |Gerät 

|-  valign=top   <!-- ======================================================== -->
!                |H0
|                |Märklin
|   align=right  |Märklin Systems Mobile Station

|-  valign=top   <!-- ======================================================== -->
!                |H0 / N
|                |Fleischmann
|   align=right  |LOK-BOSS 

|-  valign=top   <!-- ======================================================== -->
!                |H0
|                |Roco
|   align=right  |Lokmaus 2
|}

Mit Auszeichnungen

Typ 1

Typ 2

Typ 3

Ohne Auszeichnungen

Typ 1

Typ 2

Typ 3

Mit farblicher Unterlegung

Über "class=gelb" können Felder hervorgehoben werden, allerdings nicht die durch "!" ausgezeichneten. Das geht auch für ganze Zeilen.

Typ 1

Typ 2

Typ 3

kleine Schrift

Über <div style="font-size: 85%;"> direkt vor der Tabelle kann die Schriftgröße eingestellt werden.

</div> hinter dem Tabellenende nicht vergessen.

Link-Tabelle

Testweise wurden für die Link-Tabellen Vorlagen und Style-Sheets angelegt.

herkömmlicher Wiki-Code

Lokmotiven, Wagen, Bahntechnik, ...

mit CSS und Vorlagen

mit Vorlagen