Dreamweaver & Tabellen

[Newb]

Hallo,

ich habe eine Tabelle (3 Zeilen, 3 Spalten) und jede Zelle hat ein Hintergrundbild bekommen.

Die obere Zeile sie so aus:

<td width="11" height="11" background="ecke_lo.gif">&nbsp;</td>
<td width="494" height="11" background="oben.gif">&nbsp;</td>
<td width="11" height="11" background="ecke_ro.gif">&nbsp;</td>

Damit wären wir auch schon beim Problem:
Bei allen 3 Zellen der ersten Zeile ist eine Höhe von 11px (height="11") festgelegt.

Jedoch wird eine Höhe von 16px dargestellt.


Wie bekomm ich 11px anstatt 19?

 

[Maik]

Hi,

versuch es mal hiermit:

<table cellpadding="0" cellspacing="0">
  <tr>
    <td width="11" height="11" background="ecke_lo.gif">&nbsp;</td>
    <td width="494" height="11" background="oben.gif">&nbsp;</td>
    <td width="11" height="11" background="ecke_ro.gif">&nbsp;</td>
  </tr>
</table>

und definiere zusätzlich im Stylesheet eine entsprechende Schriftgröße für diese Zellen und die darin erzwungenen Leerzeichen  , die kleiner-gleich der gewünschten Höhe ist:

td.top {
font-size: 11px;
}

Der Aufruf der Klasse .top erfolgt mit dem class-Attribut:

<table cellpadding="0" cellspacing="0">
  <tr>
    <td class="top" width="11" height="11" background="ecke_lo.gif">&nbsp;</td>
    <td class="top" width="494" height="11" background="oben.gif">&nbsp;</td>
    <td class="top" width="11" height="11" background="ecke_ro.gif">&nbsp;</td>
  </tr>
</table>

 

[Newb]

Hi,

aber irgendwie scheint immernoch eine Mindesthöhe von 19px oder so etwas in der Art da zu sein. Wenn ich als Test eine Höhe von 20px einstelle so vergrößert sich die Zeile um 1px nach unten. Schreib ich anstatt der 20 eine 11 rein so verkleinert sich die Zeile um 1px also wieder auf 19 obwohl sie sich um 9 hätte verkleinern müssen.

Den Trick mit der Schriftgröße hab ich dabei auch versucht.


So sieht es zur Zeit aus:

 

[Samy-Deluxe]

Es liegt meistens auch daran, dass die anderen Zeilen keine Größe defeniert bekommen haben.

Wenn nichts klappt, versuch doch mal das Hintergrundbild so einzustellen
<td width="494" height="11" background="bg vom conntent" valign="top"><img src="oben.gif" width="100%" height="11"></td>


Ich glaube die andere Lösung wär mit einem clear.gif oder blank.gif (Ein gif mit einem Transparentem inhalt, also leerem Gif)
<td width="494" height="11" background="oben.gif"><img src="clear.gif" height="11"></td>

 

[Html]

Hallo, lösche mal das &nbsp; aus den Zeilen. Dann müsste es gehen!