nicht angemeldet
Problem mit "float:left;" ; float:right"
Hallo!
Ich hab da eine Frage:
ich habe zwei Grafiken, die eine soll sich links ausrichten, die andere rechts und zwischendrin soll der Text stehen.
Wenn ich nun alledings der einen Grafik die Eigenschaft float:left; zuweise und der anderen float:right macht mir, sowohl mozilla als auch IE, einen ungewollten Zeilenumbruch.
Lösen konnte ich das Problem indem ich der zweiten Grafik ein margin-top vom -7px zugewiesen hab, aber das scheint mir nicht die feine englische zu sein ;) -
Wie kann ich diesen Zeilenumbruch also konformer lösen?
-
Hi,
Wie kann ich diesen Zeilenumbruch also konformer lösen?
wahrscheinlich befindet sich ein Fehler in deinem Code. Ohne Link oder Beispielquelltext kann man das aber schwer beurteilen.
MfG Hopsel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)-
wahrscheinlich befindet sich ein Fehler in deinem Code. Ohne Link oder Beispielquelltext kann man das aber schwer beurteilen.
So wie er jetzt dasteht (und eben durch das margin funktioniert):
<img src="graf1.jpg" border="2" alt="original" style="float:left; margin-left:180px; margin-right:13px; margin-top:9px;"><
<img src="key2.jpg" border="2" alt="koloriert"style="float:right; margin-left:0px; margin-right:180px; margin-top:-7px;"><br>
<p class="pfeil"> Text </p>-
<img src="graf1.jpg" border="2" alt="original" style="float:left; margin-left:180px; margin-right:13px; margin-top:9px;"><
<img src="key2.jpg" border="2" alt="koloriert"style="float:right; margin-left:0px; margin-right:180px; margin-top:-7px;"><br>
<p class="pfeil"> Text </p>Zusatz:
Also wenn ich den Text nicht dazwischenquetschen will geht es:
beide Bilder werden auf einer Ebene angezeigt.
Aber wie schaffe ich es auch noch Text zwischen den zwei Grafiken zu platzieren?MfG
pika -
So wie er jetzt dasteht (und eben durch das margin funktioniert):
Eben durch Dein margin-top:-7px funktioniert es nicht. Wenn Du hier auch 9px einträgst, funktioniert es.
<img src="graf1.jpg" border="2" alt="original" style="float:left; margin-left:180px; margin-right:13px; margin-top:9px;"><
Da ist ein "<" am Ende der Zeile zuviel.
<img src="key2.jpg" border="2" alt="koloriert"style="float:right; margin-left:0px; margin-right:180px; margin-top:-7px;"><br>
Da ist ein Zelenumbruch zuviel, ist das der, den Du suchst?
-
Hi,
margin-right:180px; margin-top:-7px;"><br>
<p class="pfeil"> Text </p>wieso wunderst Du Dich über den Zeilenvorschub, wenn Du a) ein br angibst und b) ein Block-Element?
freundliche Grüße
Ingo
-
-