Problem mit "float left/right"

[Starsucker]

Hallo,

ich würde gern einmal rechts neben einem Bild Text schreiben und ein paar Zeilen weiter ein weiteres Bild einfügen, dort dann aber links vom Bild Text schreiben. Wenn ich also beim ersten Bild float left eingeben wandern jedoch alle Bilder links vom Text.
Ich hoffe mir kann jemand Abhilfe verschaffen

einmal in der css:

/* images */
img {
padding: 5px;
float: left;
}
img.float-right {
margin: 5px 0px 5px 15px;
}
img.float-left {
margin: 5px 15px 5px 0px;


und wenn ich jetzt im index.html ein Bild einfüge und daneben ein Text schreiben will klick ich in Dreamweaver auf der rechten Seite bei Eigenschaften für "img" auf float left.

<div id="main">

<div class="post">

<h1>&Uuml;ber uns</h1>
<p>&nbsp;</p>
<p class="Stil4">Mein Name ist XXXXXX,</p>
<p><img src="images/julitrumpnew.jpg" alt="" width="157" height="265" />

Aber dann gehen alle Bilder nach links.
Ich müsste eine eigene Klasse für das Bild erstellen oder?
Bloß wie??

[Zer0]

Naja, wenn du dir deine Definition für den float anguckst, kann es ja eigentlich auch nicht so funktionieren, wie du es gerne hättest.

img {padding: 5px;float: left;}

An der Stelle sagst du, dass alle IMG nach links floaten sollen und somit der Text rechts um das Bild herum läuft.

img.float-right {margin: 5px 0px 5px 15px;}

An dieser Stelle sagst du dann lediglich, dass die Bilder den Abstände haben sollen, vom Float wird hier aber nichts erwähnt Gleiches gilt für die andere Definition.

Also die Lösung ist an dieser Stelle gar nicht mal so schwer. Definiere hier die zwei Klassen.

.rechter-float {margin: 5px 0px 5px 15px;float: right;}
.linker-float {margin: 5px 0px 5px 15px;float: left;}

Ob du IMG wirklich definieren musst, weiß ich nicht, kannst du dir vermutlich auch sparen.

Und nun weist du eben den Bildern die entsprechende Klasse zu, und es sollte funktionieren.

Hoffe, ich konnte helfen.

Gruß,
Pierre

[NAja]

Hallo

Arbeite mit Notepad+++ und Editor Fierfox.

Ich möchte gerne (CSS) mein Bild/Gafik (steht rechts) gerne mit Text umfließen. Und der Abstand soll 10px betragen. Wie mache ich das mit float im CSS in der Klammer {}???

Danke im Vorraus für eure Tipps!

[Zer0]

Servus,
ist völlig Wurst womit du arbeitest

Mal den Beitrag zuvor durchgelesen..?

.meinName { margin: 10px; float: right; }

Somit umfließt der Text das Bild links mit einem Abstand von 10 Pixeln.

Vielleicht an dieser Stelle ein Verweis an unser erste Hilfe Zentrum.. Hier.