Nun sind wir also auf der Seite 3 angekommen.
Jetzt basteln wir uns ein Menü, um auszuwählen, wohin wir uns uns klicken wollen:
Hier nun der Quelltext für diese Tabelle:
Das sieht kompliziert aus, aber
1. Jede einmal erstellte Tabelle kannst Du Dir als 'Makro' abspeichern und überall einfügen...
2. Eine neue Tabelle ist schnell erstellt (siehe unten):
 |
|
Du klickst oben in der Auswahlleiste auf Tabelle und stellst hinter
Tabelle: die Anzahl der gewünschten Spalten und Zeilen ein.
Dann legst Du wieder den Text-Cursor an die Stelle im Quelltext, wo die Tabelle stehen soll.
Dann auf das Icon vor Einfügen klicken und das Gerüst für die Tabelle
steht im Quell-Code.
Nun musst Du nur noch die Parameter einstellen, die Du brauchst, indem Du mit der rechten Maustaste
auf den ersten 'Tag' der Tabelle(< table align="center" width=.....) zB:
bgcolor (Hintergrundfarbe)
background (Hintergrund-Bild)
cellpadding (Abstand zwischen Zelle/Spalte und Rand)
cellspacing (Abstand zw. den Zeilen und Spalten)
height (Höhe), width (Breite)
title (Hilfetext für Mauszeiger)
border (Rahmen-Dicke um die ganze Tabelle)...... etc.
|
Genau wie für die gesamte Tabelle, kann man auch jede Menge Parameter für jede einzelne Zelle
festlegen. Noch viel mehr, als im Menü angezeigt wird. Aber dazu kommen wir dann später...
Rechts sieht man, wie cellpadding und cellspacing das Aussehen einer Zelle verändern.
Das cellpadding dient also z.B. dazu, den Textabstand zum Rahmen zu vergrößern, wie hier in dieser
Tabelle.
|
 |
|
|
Tabellen werden vielfältig eingesetzt, vor allem zur Positionierung von Texten und Bildern, wobei
meistens keine Ränder gezeigt werden (also die Tabelle selbst bleibt unsichtbar)
oder auch zur Darstellung von richtigen Tabellen wie in Winword.
Tabellen können auch vielfältig verschachtelt werden, also innerhalb der großen Tabelle - mehrere
kleine Tabellen. Dabei muss man immer beachten, dass jedes Tabellenelement (Zelle), also Spalte und Zeile
mit Anfangs- und End-Tag sauber verschachtelt wird. So wie beim Verschachteln von Pappschachteln, wo man
die kleinere Schachtel auch nicht durch die Wände der größeren Schachtel schiebt.... :)
|
|
Links das Dreieck ist ein Link nach oben. Dieser dient dazu, dass man mit einem Klick wieder
zum Seitenanfang springt - und zwar zu der Stelle wo der Tag
<a name="oben"> steht.
Hier nun der Quelltext des Links (das Bild dazu heißt
_hoch.gif):
|
|
