html/ css <hr />
- Ersteller benny17
- Erstellt am
moin moin,
ich bin am verzweifeln, dieser blöde internet explorer hat wohl nen bug oder ich bin einfach zu doof.
mein vorhaben soll so etwa aussehen: ich habe links ein kleines bildchen, rechts davon stehen 3,4 oder auch 5 zeilen text. das ganze soll jeweils von einer hr oben und einer hr unten umgeben sein. im ff haut alles hin, nur im ie bekomem ich den abstand ober- und unterhalb der hr nicht weg. mein ziel ist es, vorerst die hr auf die obere bzw untere kante des bildes legen zu können, um dann per margin den abstand gleichmäßig einstellen zu können. gleiches problem besteht bei der unteren hr. der fogletext, der danach kommt ist nach unten hin natürlich auch dementsprechend mit abstand versehen.
hier mal eine kurze "skizze"
und hier mein quelltextausschnitt:
also ich möchte gerne, dass den abstand oberhalb und unterhalb von <hr /> im internet explorer wegbekommen bzw auf einen einheitlichen abstand mit dem ff kommen.
p.s. bin html n00b, also verzeiht mir meine fehler
ich bin am verzweifeln, dieser blöde internet explorer hat wohl nen bug oder ich bin einfach zu doof.
mein vorhaben soll so etwa aussehen: ich habe links ein kleines bildchen, rechts davon stehen 3,4 oder auch 5 zeilen text. das ganze soll jeweils von einer hr oben und einer hr unten umgeben sein. im ff haut alles hin, nur im ie bekomem ich den abstand ober- und unterhalb der hr nicht weg. mein ziel ist es, vorerst die hr auf die obere bzw untere kante des bildes legen zu können, um dann per margin den abstand gleichmäßig einstellen zu können. gleiches problem besteht bei der unteren hr. der fogletext, der danach kommt ist nach unten hin natürlich auch dementsprechend mit abstand versehen.
hier mal eine kurze "skizze"
Code:
______________________________
---------- zeile1
| | zeile 2
| | zeile 3
| | zeile 4
| | zeile 5
---------
______________________________
folgetextund hier mein quelltextausschnitt:
Code:
<hr align="left" style="display: block;width: 300px; height: 1px; margin: 0; padding: 0;border: thin solid #000000;"/>
<img style="display: block; float:left; margin:0;" src="menge.jpg" />
<p style='padding: 0;margin: 0;'>
zeile1<br />
zeile2<br />
zeile4<br />
zeile5<br /></p>
<hr align="left" style="display: block; clear: both;width: 300px; height: 1px; margin: 0px; padding: 0;border: thin solid #000000;"/>
<p style="margin: 0; padding: 0;">nächste zeile bla blub</p>also ich möchte gerne, dass den abstand oberhalb und unterhalb von <hr /> im internet explorer wegbekommen bzw auf einen einheitlichen abstand mit dem ff kommen.
p.s. bin html n00b, also verzeiht mir meine fehler
du packst das mit dem <hr/> falsch an.
Am besten machst du das so:
müsste den gleichen effekt haben, den du haben willst.
flO
Am besten machst du das so:
HTML:
<p style="border:1px solid black;border-left:none;border-right:none">
<img src="bild.jpg" alt="bildxy" style="float:left;border:none;margin:none"/>
text
</p>müsste den gleichen effekt haben, den du haben willst.
flO
Ähnliche Themen
