Cascading Stylesheets – Zur Startseite Cascading Stylesheets Stil mit <Stil>

colgroup ♦ <colgroup> ... </colgroup> ♦ IE4+ M1 N6 O5+ ♦ HTML 4.0

Das <colgroup>-Tag baut eine spaltenorientierte Tabelle spaltenbasiert auf – im Gegensatz zur Standard-HTML-Tabelle, die zeilenorientiert ist.

Wenn Sie das Attribut span nicht benutzen, können Sie den einzelnen Spalten Werte durch <col>-Tags zuweisen.

Das <colgroup>-Tag kann ausschließlich innerhalb des table-Elements benutzt werden. Das schließende Tag ist optional. Es ist allerdings zu empfehlen, es stets zu setzen.

Kernattribute class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title
align
unerwünscht 4.0		 Das Attribut align steuert die horizontale Ausrichtung des Zelleninhalts. Die möglichen Werte sind center, char, justify, left und right.
char Das Attribut char weist ein Zeichen für die Ausrichtung des Inhalts einer Zelle aus. An diesem Zeichen werden Dezimalstellen in einer Spalte vertikal ausgerichtet. Der Vorgabewert ist länderspezifisch. In den USA wird das erste Vorkommen eines Kommas oder eines Dezimalpunktes benutzt.
charoff Das Attribut charoff ist eine ganze Zahl, die den Abstand des Zeichens für die Ausrichtung vom Zellenrand angibt. Per Vorgabe wird der Abstand vom linken Zellenrand berechnet.
span Das Attribut span bestimmt die Anzahl der Spalten, die zu einer Spaltengruppe gehören. Wenn die Spalten sehr unterschiedlich ausfallen, wird anstelle des span-Attributs im <colgroup>-Tag besser das <col>-Tag benutzt, um die Spalten zu definieren.
valign Das Attribut valign steuert die vertikale Ausrichtung des Zelleninhalts. Die möglichen Werte sind baseline, bottom, middle und top.
width
unerwünscht 4.0		 Das Attribut width bestimmt die Breite jeder der aufgespannten Spalten. Es kann als Prozentsatz der gesamten Breite oder als ganze Anzahl von Pixeln angegeben werden.

Beispiel

<table width="90%" border="10" cellspacing="5">
<caption> 
	<p><b>Tabelle mit Spaltengruppen</b> </p>
	<p>Diese Tabelle ist mit <b>&lt;colgroup&gt;</b> 
		und <b>&lt;col&gt;</b>-Tags aufgebaut</p>
</caption>
<colgroup>
      <col width="20%">
      <col width="30%">
      <col width="15%">
</colgroup> 
 <colgroup>
      <col width="15%">
      <col width="20%">
</colgroup> 
	<tr> 
		<th>Erste Spalte Kopfzelle</th>
		<th>Zweite Spalte Kopfzelle</th>
		<th>Dritte Spalte Kopfzelle</th>
		<th>Vierte Spalte Kopfzelle</th>
		<th>F&uuml;nfte Spalte Kopfzelle</th>
	</tr>
	<tr>
		<td >Erste Spalte erste Zeile</td>
		<td >Zweite Spalte erste Zeile</td>
		<td >Dritte Spalte erste Zeile</td>
		<td >Vierte Spalte erste Zeile</td>
		<td >F&uuml;nfte Spalte erste Zeile</td>
	</tr>
	<tr> 
		<td >Erste Spalte zweite Zeile</td>
		<td >Zweite Spalte zweite Zeile</td>
		<td >Dritte Spalte zweite Zeile</td>
		<td >Vierte Spalte zweite Zeile</td>
		<td >F&uuml;nfte Spalte zweite Zeile</td>    
	</tr>
</table>

Darstellung

Tabelle mit Spaltengruppen

Diese Tabelle ist mit <colgroup>- und <col>-Tags aufgebaut
Erste Spalte Kopfzelle Zweite Spalte Kopfzelle Dritte Spalte Kopfzelle Vierte Spalte Kopfzelle Fünfte Spalte Kopfzelle
Erste Spalte erste Zeile Zweite Spalte erste Zeile Dritte Spalte erste Zeile Vierte Spalte erste Zeile Fünfte Spalte erste Zeile
Erste Spalte zweite Zeile Zweite Spalte zweite Zeile Dritte Spalte zweite Zeile Vierte Spalte zweite Zeile Fünfte Spalte zweite Zeile

 

↑

 

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen