Text zereist Tabelle

[xthetronx]

Hallo zusammen,

ich habe mehrere

<tr height="20px">
<td><img src="../images/zw0.gif" width="19" height="20">test</td>
</tr>
untereinander.
Habe ich keinen Text mit in der Zeile stehen, sind die Grafiken wunderbar zusammen, mit Text aber immer auseinander gerissen.

Die Grafik ist (20*18) groß, den Text habe ich per CSS auf 10px verkleinert.
Müsste also alles klappen, aber anscheinend habe ich was vergessen.

Weiss jemand von euch Rat?

Danke

Torsten

 

[em-ix]

Möglicherweise stört ein Elternelement: Schau mal nach dass du im table-Tag cellpadding auf 0 gesetzt hast und cellspacing auch.

<table cellspacing="0" cellpadding="0" border="0">

P.s.: Warum gibst du als Breite des Bilds 19px an, wenn die Grafik 20px breit ist? Ähnliches machst du mit der Höhe.

 

[xthetronx]

Hi,

das eine habe ich schon gemacht (cellpadding und spaching) und das andere ist ein Kopierfehler gewesen.
Hatte zwischenzeitlich mal versucht, mit der Höhe zu variieren.

Trotzdem danke für Deine Anregungen em-ix.

Gruß

Torsten

 

[Quaese]

Hi,

versuch's mal mit der CSS-Eigenschaft float: left innerhalb der IMG-Tags.

<tr>
    <td><img style="float: left;" src="../images/zw0.gif" width="19" height="20">test</td>
</tr>

Ciao
Quaese

 

[xthetronx]

Hallo Quaese,

das ist es leider auch nicht.
Ich habe mal unten ein Bild angehangen, wie es jetzt aussieht.

das ist das CSS-Style:

.TD{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding-top:5px;
}

Torsten

 

[saschaf]

Versuchs mal damit:

<table style="table-layout:fixed;">

 

[xthetronx]

Hallo saschaf,

danke für den Hinweis.
Ich habe es jetzt so gelöst, dass ich einfach eine zweite <td></td> eingefügt habe und dort den Text platziere.
So hat es jetzt funktioniert.

Trotzdem danke für den Vorschlag.

Gruß

Torsten