nicht angemeldet
Fließtext: 2 Sätze getrennt d. <br /> rechts neben Bild
Hallo!
Ich schaffe es nicht, zwei Sätze neben ein Bild zu setzen.
Ich will folgendes erreichen:
_________
| | Satz Eins
| | Satz Zwei
| |
| |
|_________|
Mein Quellcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
</head>
<body>
<p><img src="sample.png" width="100" height="100" alt="ALT" style="vertical-align:top;" /><a href="http://3639554921/">Satz Eins</a><br />
Satz Zwei</p>
</body>
</html>
Leider wird bei mir der zweite Satz immer unter das Bild geschrieben.
_________
| | Satz Eins
| |
| |
| |
|_________|
Satz Zwei
Eigentlich sollte dies nur passieren, wenn ich <br clear="all" /> schreibe.
Was mache ich falsch?
Viele Grüße
Alex
-
hi,
Leider wird bei mir der zweite Satz immer unter das Bild geschrieben.
ich würde versuchen, das bild mit float links zu positionieren.
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#floatEigentlich sollte dies nur passieren, wenn ich <br clear="all" /> schreibe.
nein. clear kann überhaupt nur dann eine auswirkung haben, wenn vorher float verwendet wurde.
gruss,
wahsaga-
Hallo und danke für die Antwort!
So kann man es machen, aber dann kann ich danach kein clear:left verwenden, da ich schon ein Menü links habe, da float:left verwendet.
Wenn ich trotzdem mach, sieht es (im Opera und IE) so aus:
Menü 1 | _________
Menü 2 | | | Satz Eins
Menü 3 | | | Satz Zwei
Menü 4 | | |
Menü 5 | | |
Menü 6 | |_________|
Menü 7 |
Menü 8 |
Menü 9 | <-- Abstand bis zum Ende vom Menü
Menü 0 |
Menü 1 | _________
| | | Satz Eins
| | | Satz Zwei
| | |
| | |
| |_________|
|
|
|
|
|Quelltext:
<img src="sample.png" width="115" height="86" style="float:left;" /><p><a href="http://www.egal.de/">Text 1</a><br />
Text 2</p>
<br style="clear:left;" />
<img src="sample.png" width="115" height="86" style="float:left;" /><p><a href="http://www.egal.de/">Text 1</a><br />
Text 2</p>
<br style="clear:left;" />-
hi,
So kann man es machen, aber dann kann ich danach kein clear:left verwenden, da ich schon ein Menü links habe, da float:left verwendet.
niemand wird dich abhalten, die bilder zunächst in einen weiteren container zu fassen, der rechts vom menü liegt, und dann _in diesem_ die bilder mit float nach links zu bringen, und ein clear-endes element unter den jeweiligen text zu setzen ;-)
gruss,
wahsaga-
Hi,
niemand wird dich abhalten, die bilder zunächst in einen weiteren container zu fassen, der rechts vom menü liegt, und dann _in diesem_ die bilder mit float nach links zu bringen, und ein clear-endes element unter den jeweiligen text zu setzen ;-)
dieser weitere Container müßte allerdings auch gefloatet sein, damit's in allen Browsern funktioniert) und selbst dann ist leider noch nicht gewährleistet, daß es auch in künftigen Browsern wie gewünscht angezeigt wird. Hatte ich mal was zu geschrieben: http://www.1ngo.de/web/clear.html
freundliche Grüße
Ingo
-
-
-