[ td]
|
Einzelne Tabellenzellen formatieren
Mit diesen Attributen können Sie einelne Tabellenzellen
formatieren und so das gewünschte Seiten-Layout erstellen.
|
<td>...<td>
|
width, height
<td width="25%" height="100">
... </td>
|
Mit den Attributen width und height können
Sie die Breite und Höhe der Tabellenzellen bestimmen
- vorausgesetzt der Inhalt sprengt nicht die Maße.
|
align
<td align="right"> ... </td>
|
Mit dem align-Attribut können Sie den gesamten
Inhalt einer Zelle links, rechts oder mittig ausrichten -
wie bei Absätzen und Überschriften.
|
valign
<td valign="middle"> ... </td>
|
Mit dem Attribut valign können Sie den Inhalt
vertikal in der Tabellenzelle anordnen.
valign="top" richtet den Inhalt an der Oberkante
der Tabellenzelle aus,
valign="bottom" an dr Unterkante und
valign="middle" plaziert den Inhalt mittig
zwischen Ober- und Unterkante.
|
bgcolor
<td bgcolor="#333399"> ... </td>
|
Mit dem bgcolor-Attribut können Sie für
jede Tabellenzelle eine eigene Hintergrundfarbe definieren
und so das Layout Ihrer Tabelle abwechsungsreicher und übersichtlicher
gestalten.
|
colspan
<td colspan="3"> ... </td>
|
Wollen Sie mehrere Zellen in einer Reihen zu einer Zelle
verbinden, verwenden Sie das Attribut colspan. Geben
Sie als Wert die entsprechende Anzahl der Zellen ein. Und
- ganz wichtig! - entfernen Sie die td-Tags derüberzähligen
Zellen aus dem Tabellenraster.
|
rowspan
<td rowspan="2"> ... </td>
|
Zum verbinden von mehreren Zellen in einer Spalte, also über
mehrere Reihen verwenden sie das Attribut rowspan.
Auch hier geben Sie als Wert die Anzahl der Zellen an und
entfernen die überflüssigen td-Tags in den
folgenden Reihen.
|
nowrap
<td nowrap> ... </td>
|
Das Attribu nowrap stellt sicher, dass der Inhalt
einer Zelle nicht umgebrochen wird. Der Zeilenumbruch mit
dem br-Tag ist weiterhin möglich.
|
