nicht angemeldet
Tabelle mit Bildern, Zeilenhöhe stimmt nicht
Hallo zusammen,
ich habe in HTML eine Tabelle mit drei Spalten und einer Zeile definiert.
Nun möchte ich, dass in den beiden äußeren Zellen Grafiken mit genau definierter Höhe und Breite dargestellt werden.
Über "cellpadding="1"" habe ich einen Abstand mit einem Pixel definiert.
Leider wird mir im Browser (IE und Opera) unten ein breiterer Abstand dargestellt.
Kann mir jemand einen Tipp geben, woran es liegen könnte?
Vielen Dank schon mal im Voraus!
Hier ist der Quelltext:
<table width="100%" cellspacing="0" cellpadding="1" border="1">
<colgroup>
<col width="40">
<col width="792">
<col width="40">
</colgroup>
<tr>
<td>
<img src="test.png" width="40" height="40" border="0" alt="">
</td>
<td>
</td>
<td>
<img src="test.png" width="40" height="40" border="0" alt="">
</td>
</tr>
</table>
-
Hallo,
Ich empfehle zur Tabellenformatierung unbedingt CSS zu verwenden. width und height als html-Attribute sollte man nicht mehr verwenden, wenn man präzise formatieren will.
Heiner
-
Hallo zusammen,
ich habe in HTML eine Tabelle mit drei Spalten und einer Zeile definiert.
Nun möchte ich, dass in den beiden äußeren Zellen Grafiken mit genau definierter Höhe und Breite dargestellt werden.
Über "cellpadding="1"" habe ich einen Abstand mit einem Pixel definiert.
Leider wird mir im Browser (IE und Opera) unten ein breiterer Abstand dargestellt.Kann mir jemand einen Tipp geben, woran es liegen könnte?
Vielen Dank schon mal im Voraus!Hier ist der Quelltext:
<table width="100%" cellspacing="0" cellpadding="1" border="1">
<colgroup>
<col width="40">
<col width="792">
<col width="40">
</colgroup>woher weißt du das das 100% sind?
ich würde es so machen:
<col width="1%">
<col width="98%">
<col width="1%">Da du eh ein Bild reinbaust, wird die Zelle so breit wie das Bild.
und wenn du wirklich unbedingt 7xx Pixel willst, nimm die Breitenangabe aus der Tabelle raus.
<td>
<img src="test.png" width="40" height="40" border="0" alt="">
</td>und das noch in eine Zeile:
<td><img src="test.png" width="40" height="40" border="0" alt=""></td>
Da newline Zeichen auch Zeichen sind die im browser dargestellt werden (als Space).
Struppi.