HTML-Dateien selbst erstellen
Dokumentation: HTML
Tabellen

HTML3.2 Zelleninhalte ausrichten


 Ausrichtung links, zentriert und rechts
 Ausrichtung oben, mittig und unten


HTML3.2 Ausrichtung links, zentriert und rechts

Beispiel
Anzeigebeispiel: So sieht's aus

Kopfzellen (<th>) werden zentriert ausgerichtet, wenn Sie nichts anderes angeben, Datenzellen (<td>) linksbündig. Sie können die Zellen jedoch auch anders ausrichten.

Beispiel:

<table border>
    <tr>
      <th align=left>Kopfzelle: 1. Zeile, 1. Spalte
      <th>Kopfzelle: 1. Zeile, 2. Spalte
      <th align=right>Kopfzelle: 1. Zeile, 3. Spalte
    </tr>
    <tr>
      <td>Datenzelle: 2. Zeile, 1. Spalte 
      <td align=center>Datenzelle: 2. Zeile, 2. Spalte
      <td align=right>Datenzelle: 2. Zeile, 1. Spalte
    </tr>
</table>

Erläuterung:

Durch die Angabe align=left können Sie eine Kopfzelle in ihrem einleitenden Tag links ausrichten, durch die Angabe align=right rechts. Datenzellen können Sie in ihrem einleitenden Tag durch die Angabe align=center zentriert ausrichten und durch align=right rechts. Die Angaben align=center bei Kopfzellen und align=left bei Datenzellen sind natürlich auch erlaubt, bewirken aber lediglich die Voreinstellung und sind deshalb nicht nötig. (align = Ausrichtung, left = links, center = zentriert, right = rechts)

Beachten Sie:

Um alle Zellen einer Zeile gleich auszurichten, können Sie die Angaben zur Ausrichtung, also align=left, align=center und align=right, auch im einleitenden Tag der Zeile <tr> notieren. So richten Sie beispielsweise mit <tr align=right> alle folgenden Zellen der Zeile rechts aus.

HTML3.2 Ausrichtung oben, mittig und unten

Beispiel
Anzeigebeispiel: So sieht's aus

Innerhalb einer Tabellenzeile bestimmt die Zelle mit dem meisten Inhalt die Höhe der Tabelle. Die Inhalte der übrigen Zellen in der gleichen Zeile werden mittig dazu ausgerichtet. Auch bei  erzwungenen Zeilenhöhen werden alle Zelleninhalte mittig ausgerichtet, wenn Sie nichts anderes angeben. Sie können Zelleninhalte aber auch oben- und untenbündig ausrichten.

Beispiel:

<table border>
    <tr>
      <th valign=top>Kopfzelle: 1. Zeile, 1. Spalte
      <th>Kopfzelle: 1. Zeile, 2. Spalte
      <th valign=bottom>Kopfzelle: 1. Zeile, 3. Spalte
    </tr>
    <tr>
      <td valign=top>Datenzelle: 2. Zeile, 1. Spalte <!-- Breite 300 gilt auch hier -->
      <td>Datenzelle: 2. Zeile, 2. Spalte
      <td valign=bottom>Datenzelle: 2. Zeile, 1. Spalte
    </tr>
</table>

Erläuterung:

Durch die Angabe valign=top können Sie eine Zelle in ihrem einleitenden Tag obenbündig ausrichten, durch die Angabe valign=bottom untenbündig. Auch die Angabe valign=middle ist möglich. Dies ist jedoch die Voreinstellung ist und deshalb nicht nötig. (valign = vertical align = vertikale Ausrichtung, top = oben, bottom = unten)

Beachten Sie:

Um alle Zellen einer Zeile gleich auszurichten, können Sie die Angaben zur Ausrichtung, also valign=top, valign=middle und valign=bottom, auch im einleitenden Tag der Zeile <tr> notieren. So richten Sie beispielsweise mit <tr valign=top> alle folgenden Zellen der Zeile obenbündig aus.


Blättern:
Höhe und Breite erzwingen     Zellen verbinden

HTML-Dateien selbst erstellen
Dokumentation: HTML
Tabellen

© 1997  Stefan Münz, s.muenz@euromail.com