Schriftgrößen & Tabellen

[Timm]

Hallo,

Ich möchte folgendes erreichen:
Es soll ein länglicher Streifen dargestellt werden mit einer bestimmten Hintergrundfarbe, links auf diesem Streifen soll ein Bild platziert werden. Sowohl der Streifen als auch das Bild sollen 9px hoch sein. Ich versuche es verzweifelt mit diesem Code (der Streifen soll sich über die gesamte Seite erstrecken):
<TABLE width="100%" border="0" CELLPADDING="0" CELLSPACING="0">
  <TR style="width: 100%;">
    <TD style="background-color: #FF0000; height: 9px;"><img src="images/top.gif" width="500" height="9" alt="top"></TD>
  </TR>
</TABLE>

Allerdings ist die Höhe viel zu groß (weit über 9 Pixel groß)
Anscheinend liegt das an der Schriftgröße, die eingestellt ist. Wie kann man das umgehen?

[Gunnar Bittersmann]

Timm,

<TABLE width="100%" border="0" CELLPADDING="0" CELLSPACING="0">
  <TR style="width: 100%;">
    <TD style="background-color: #FF0000; height: 9px;"><img src="images/top.gif" width="500" height="9" alt="top"></TD>
  </TR>
</TABLE>

Eine Zelle macht noch keine Tabelle.

Da du keine tabellarische Daten hast, solltest du hier auch nicht das table-Element missbrauchen.

Du hast ein Bild, das du in ein Blockelement mit Hintergrundfarbe legen möchtest, also
<div id="foo"><img src="images/top.gif" width="500" height="9" alt="top"></div>

Die Formatierung des div machst du mit CSS:
div#foo {height:9px; margin:0; border:0; padding:0; background-color:#FF0000}
div#foo img {border:0}

Gunnar

[Timm]

Ich habe meine Tabelle (die mehr als aus nur einer Zeile besteht) so reduziert, dass am Ende nur noch eine Zeile da war.
Ich habe herausgefunden, woran es gelegen hat:
http://www.dodabo.de/html+css/img-table/