Hallo zusammen,
ich habe zwei Probleme mit Bildern:
1. Oberhalb jedes Bildes wird eine 1 Pixel hohe Zeile eingefügt, die ich nicht wegbekomme
2. Unterhalb des Bildes wird immer eine Leerzeile mit <br /> eingefügt, das ich ebenfalls nicht entfernt bekomme.
Das Bild (rechts) soll mit dem roten Kasten (links) oben und unten bündig abschliessen.
Wie das aussieht, seht ihr hier:
Bild: p13265.typo3server.info/…/Bild-1.jpg
Ich hoffe, es kann mir jemand helfen.
Gruß
Der Wolli[/img]
Also den Quellcode solltest du uns schon schicken. Ist das im Template oder hast du das im RTE eingestellt?
Wie wäre es auch, die Beiden Grafiken in eine Tabelle zu tun, dafür sind sie schlielich da 😉
humpun
So, jetzt mit mehr Infos 🙂
Vorab: Die Leerzeile unter dem Bild ist weg. War mein Fehler. Hatte in der Designvorlage eine <p>-Tag um den Platzhalter #paralyzed#
Nun gut, trotzdem hier nochmal der generierte HTML-Quellcode wegen der 1-Pixel-Zeile über dem Bild:
<table width="790" height="180" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="143" align="left" valign="top" bgcolor="#FF0000"><br />
<a href="3.0.html" onfocus="blurLink(this);" onmouseover="over('img3_da9d_0');" onmouseout="out('img3_da9d_0');"><img src="typo3temp/menu/0cf1bfb521.gif" width="143" height="20" border="0" alt="Sendungen" name="img3_da9d_0" /></a><a href="4.0.html" onfocus="blurLink(this);" onmouseover="over('img4_da9d_1');" onmouseout="out('img4_da9d_1');"><img src="typo3temp/menu/7b33d00ff4.gif" width="143" height="20" border="0" alt="Infos" name="img4_da9d_1" /></a><a href="2.0.html" onfocus="blurLink(this);" onmouseover="over('img2_da9d_2');" onmouseout="out('img2_da9d_2');"><img src="typo3temp/menu/dd6311e83b.gif" width="143" height="20" border="0" alt="Partner" name="img2_da9d_2" /></a><a href="5.0.html" onfocus="blurLink(this);" onmouseover="over('img5_da9d_3');" onmouseout="out('img5_da9d_3');"><img src="typo3temp/menu/212366dfcb.gif" width="143" height="20" border="0" alt="Service" name="img5_da9d_3" /></a><a href="6.0.html" onfocus="blurLink(this);" onmouseover="over('img6_da9d_4');" onmouseout="out('img6_da9d_4');"><img src="typo3temp/menu/1dccfaa8e8.gif" width="143" height="20" border="0" alt="Kontakt" name="img6_da9d_4" /></a></td>
<td width="647" height="180" align="left" valign="top">
<!-- CONTENT ELEMENT, uid:7/image [begin] -->
<a name="7"></a>
<!-- Image block: [begin] -->
<div style="text-align:left;"><table width="647" border="0" cellspacing="0" cellpadding="0" class="imgtext-table"><tr><td colspan="1"><img src="clear.gif" width="647" height="1" alt="" /></td></tr><tr><td valign="top"><table width="647" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"><img src="typo3temp/pics/9a55051f37.jpg" width="647" height="180" border="0" align="top" alt="" title="" /><br /></td></tr></table></td></tr></table></div>
<!-- Image block: [end] -->
<!-- CONTENT ELEMENT, uid:7/image [end] -->
</td>
</tr>
</table>
Meine Vermutung liegt darin, dass das Clear-Gif hier diese Leerzeile einbaut (Zeile 9). Was auch sonst. Warum macht Typo3 das? Und warum ist ein so monströses Tabellenkonstrukt um ein Bild gebaut, wenn es doch nun wirklich nur um das Bild geht?
Vielleicht hat ja jemand die Lösung....
Gruß
Wolfgang