SELFHTML/Quickbar  HTML  Tabellen


Zellen verbinden

Diese Seite ist ein Dokument mit Informationstext

 Zellen in einer Zeile spaltenweise verbinden
 Zellen in einer Spalte zeilenweise verbinden
 Zellen spalten- und zeilenweise zugleich verbinden

 

HTML3.2 Zellen in einer Zeile spaltenweise verbinden

Beispiel Anzeigebeispiel: So sieht's aus

Sie können mehrere Zellen innerhalb einer Zeile verbinden, so daß sich eine Spalte in dieser Zeile über mehrere Spalten hinweg erstreckt.

Schema:

Schema: colspan

Beispiel:

<table border>
    <tr>
      <th colspan=2>Inhalt einer Zelle, die sich über 2 Spalten erstreckt</th>
    </tr>
    <tr>
      <td>Inhalt der ersten Zelle unter der erstreckten Zelle</td>
      <td>Inhalt der zweiten Zelle unter der erstreckten Zelle</td>
    </tr>
</table>

Erläuterung:

Durch das Attribut colspan= [Anzahl Spalten] erreichen Sie, daß sich eine Zelle über mehrere Spalten hinweg erstreckt (colspan = column span = Spalten spannen). Die Angabe ist nur wirksam, wenn die Tabelle mindestens so viele Spalten besitzt wie angegeben.

Beachten Sie:

Wenn Sie in einer Tabellenzeile eine Zelle beispielsweise über vier Spalten hinweg "spannen", sollten Sie in den anderen Zeilen der Tabelle anstelle dieser einen Zelle vier eigene Zellen definieren. Die Summe der Zellen sollte in jeder Zeile der Tabelle gleich sein.

 

HTML3.2 Zellen in einer Spalte zeilenweise verbinden

Beispiel Anzeigebeispiel: So sieht's aus

Sie können mehrere Zellen in einer Spalte verbinden, so daß sich eine Zeile in dieser Spalte über mehrere Zeilen hinweg erstreckt.

Schema:

Schema: rowspan

Beispiel:

<table border>
    <tr>
      <th rowspan=2>Inhalt einer Zelle, die sich über 2 Zeilen erstreckt</th>
      <td >Inhalt der ersten Zelle neben der erstreckten Zelle</td>
    </tr>
    <tr>
      <td>Inhalt der zweiten Zelle neben der erstreckten Zelle</td>
    </tr>
</table>

Erläuterung:

Durch das Attribut rowspan= [Anzahl Zeilen] erreichen Sie, daß sich eine Zelle in einer Spalte über mehrere Zeilen hinweg erstreckt (rowspan = Zeilen spannen). Die Angabe ist nur wirksam, wenn die Tabelle mindestens so viele Zeilen besitzt wie angegeben.

Beachten Sie:

Wenn Sie in einer Tabellenzeile eine Zelle beispielsweise über vier Zeilen hinweg "spannen", sollten Sie in der gleichen Zeile den Inhalt der ersten danebenstehenden Zelle definieren. In den drei folgenden Zeilen sollten Sie an gleicher Stelle die drei übrigen Zellen definieren, die neben der gestreckten Zelle stehen sollen.

 

HTML3.2 Zellen spalten- und zeilenweise zugleich verbinden

Beispiel Anzeigebeispiel: So sieht's aus

Sie können Zellen definieren, die sich gleichzeitig über mehrere Zeilen und Spalten hinweg erstrecken.

Schema:

Beispiel:

<table border>
    <tr>
      <th colspan=2 rowspan=2>Inhalt Zelle über 2 Zeilen und 2 Spalten</th>
      <td>Inhalt der ersten Zelle neben der erstreckten Zelle</th>
    </tr>
    <tr>
      <td>Inhalt der zweiten Zelle neben der erstreckten Zelle</td>
    </tr>
    <tr>
      <td>Inhalt der ersten Zelle unter der erstreckten Zelle</td>
      <td>Inhalt der zweiten Zelle unter der erstreckten Zelle</td>
      <td>Inhalt der dritten Zelle unter der erstreckten Zelle</td>
    </tr>
</table>

Erläuterung:

Sie können die Attribute colspan= [Anzahl Spalten] und rowspan= [Anzahl Zeilen] in einer Zelle kombinieren. Dadurch erreichen Sie, daß sich die Zelle über mehrere Spalten und Zeilen zugleich erstreckt.


 
weiter: Farbige Tabellen
zurück: Zelleninhalte ausrichten
 

SELFHTML/Quickbar  HTML  Tabellen

© 1998  Stefan Münz, muenz@csi.com