| 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.
|
|
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.
|
|
|
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.
|
|
|
Zur Verfügung gestellt vom Mitglied und Moderator ludr. Vielen Dank für Deine Mühe und das Entgagement!
|
