Abstand zwischen Text und Bild
René
- design/layout
Hi Leute,
vielleicht kann mir jemand bei diesem Problem weiterhelfen:
ich habe folgenden CSS definiert:
h4.einzug1 {font-family:verdana,tahoma,arial;font-size:9pt;margin-left:40px;margin-top:-19px;margin-right:20px;font-weight:normal;color:#00FFDF;}
und diesen wie folgt in meine HTML-Datei eingebunden:
<h4 class="einzug1">TextTextText</h4>
<a name="anker1">
<img src="bild.jpg" width="525" height="105" border="0" alt=""></a>
Soweit sogut. Oder besser: nicht gut, denn der IE fügt zwischen Text und Bild eine Leerzeile ein. Unter Version 4 des IE hat das zur Folge, daß diese Leerzeile immer am oberen Seitenrand auftaucht, wenn ich zum Anker springe (Statt des Bildes wird also irgendwie die Leerzeile zum Sprungziel). Der IE 5 springt an den Anfang des Bildes. Was habe ich falsch gemacht?
René.
Hallo René!
h4.einzug1 {font-family:verdana,tahoma,arial;font-size:9pt;margin-left:40px;margin-top:-19px;margin-right:20px;font-weight:normal;color:#00FFDF;}
und diesen wie folgt in meine HTML-Datei eingebunden:
<h4 class="einzug1">TextTextText</h4>
<a name="anker1">
<img src="bild.jpg" width="525" height="105" border="0" alt=""></a>
Was habe ich falsch gemacht?
Du hast vermutlich nichts falsch gemacht. Es könnte an margin-top:-19px; liegen. Hast du schon ohne den versucht?
Grüße
Thomas
Hallo,
also Thomas hat natürlich recht, dein Code ist in Ordnung.
Auch die Margin macht bei meinem Test nichts aus.
Soweit sogut. Oder besser: nicht gut, denn der IE fügt zwischen Text und Bild eine Leerzeile ein. Unter Version 4 des IE hat das zur Folge, daß diese Leerzeile immer am oberen Seitenrand auftaucht, wenn ich zum Anker springe (Statt des Bildes wird also irgendwie die Leerzeile zum Sprungziel). Der IE 5 springt an den Anfang des Bildes. Was habe ich falsch gemacht?
René.
Blöde Frage, wie lang ist deine Seite? Lang genug damit das Bild an den oberen Rand springen kann?
Falls nicht, bleibt da so etwas wie eine Leerzeile ;-).
Viele Grüße
Harald Legler