Pixelkids: Paula: HTML-Kurs

Lektion 10/Teil 4 - Höhe und Breite von Tabellen

Im letzten Teil zum Thema Tabellen zeige ich dir, wie man die Höhe und Breite von Tabellen festlegt. Vielleicht ist dir schon mal aufgefallen, dass der Text auf meinen Seiten immer in einer bestimmten Breite in der Mitte der Seite steht. Damit das so ist, baut man den Text in eine Tabelle ein, deren Größe festgelegt ist. Die Befehle dazu sehen so aus:

<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=468>
<TR>
<TD WIDTH=40>
</TD>
<TD WIDTH=388>
Die Textspalte
</TD>
<TD WIDTH=40>
</TD>
</TR>
</TABLE>

Damit du die Tabelle erkennst, setze ich beim Beispiel BORDER=1:

Die Textspalte

So, jetzt kommen die Erklärungen für das Tabellen-Beispiel:

<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=468>:
Im TABLE-Befehl gibt man die Breite an, die die Tabelle haben soll. Die Zahl steht für die Anzahl der Pixel. Ein Vorschlag von mir: Wenn es nicht unbedingt nötig ist, mach deine Tabelle nicht breiter als 760 Pixel; dann passt sie auf einem 15-Zoll Monitor in das Browser-Fenster und der Betrachter der Seite muss nicht waagerecht hin und her scrollen.
Man kann die Tabellenbreite auch in Prozent angeben:

WIDTH=100% - die Tabelle ist immer so breit wie das ganze Fenster
WIDTH=50% - die Tabelle ist immer halb so breit wie das Fenster
WIDTH=25% - die Tabelle ist immer so breit wie ein Viertel des Fensters

<TD WIDTH=40>:
So gibt man an, wie breit eine Spalte sein soll. Im Beispiel ist diese Spalte ein Platzhalter, damit der Text weiter rechts steht.

<TD WIDTH=388>:
Diese Spalte ist 388 Pixel breit und enthält den Text.

<TD WIDTH=40>:
Diese Spalte dient mir wieder als Platzhalter, damit der Text nicht so breit wird.

Wie du siehst, sind die drei Spalten zusammen 468 Pixel breit.

weiter