tabellen
 
Tabellen mit Zeilen und Spalten

Tabellen
Grafik

Eine einfache Tabelle mit 2 Zeilen und 2 Spalten:
<table width="100%" border="1">
<tr>
<td>A1</td>
<td>B1</td>
</tr>
<tr>
<td>A2</td>
<td>B3</td>
</tr></table>

Anmerkung: Zeile 1: Dem Browser wird gesagt: neue Tabelle mit der Breite 100% (width) und der Rahmenbreite 1 Pixel (border)
Zeile 2 : Neue Tabellenzeile!
Zeile 3: Es kommt eine neue Zelle in die Zeile. (Inhalt A1)
Zeile 4: Es kommt eine neue Zelle in die Zeile. (Inhalt B1)
Zeile 5: Zeile wird geschlossen. Nix mehr mit Zellen hinzufügen
Zeile 6: siehe 2
Zeile 7: siehe 3
Zeile 8: siehe 4
Zeile 9: siehe 5
Zeile 10: Tabelle wird geschlossen.

A1 B1
A2 B3

 

Bei der Breite (width) sind Pixel- und Prozentwerte erlaubt. Sie können jedoch mit CSS auch Zentimeter (cm), Punkt (pt) oder Prozent (%) angeben:
style="width: 6cm"
 
   

Von einigen Browser wird auch das Attribut "height" unterstützt. Das ist jedoch, soweit ich informiert bin, nur bei Internet Explorer möglich. Man kann dieses jedoch per CSS "nachahmen":
style="height: 200px"

 

Abstand zwischen Zellen verschwinden lassen/ verbeitern
<table width="100%" cellspacing="0">

Anmerkung: Zeile 1: Mit cellspacing="0" wird festgelegt, dass der Abstand zwischen den Zeilen verschwindet. Hier sind auch andere Pixelwerte möglich.

cellspacing=0
A2

cellspacing=5
A2

Abstand zwischen Zellenrand und Schrift verwschwinden lassen/ verbreitern
<table width="100%" cellpadding="0">

Anmerkung: Zeile 1: Mit cellpadding="0" wird festgelegt, dass der Abstand zwischen dem Zellenrand und der Schrift verwindet. Hier sind auch andere Pixelwerte möglich.

cellpadding=0
A2

cellpadding=5
A2
Zur Verfügung gestellt vom Mitglied und Moderator ludr. Vielen Dank für Deine Mühe und das Entgagement!






(c) 2005 webcontractor e. K. - free-25.de