Bild vom Text umgeben?

Hallo Experten,

ich habe eine kleine Frage. Ich möchte auf meiner Website eine Grafik bzw. ein Bild in (!) einen Text einfügen, s. d. der Text das Bild umgibt. Ich habe soetwas schon des öfteren auf anderen Seiten gesehen. Wie muss ich meinen Tag anpassen?

Beispiel:
TEXT TEXT TEXT

Ich möchte nun, dass der Text das Bild umgibt und bekomm es einfach nicht hin… :frowning:

Vielen Dank für eure Hilfe!!!

Gruß
Michael

Hallo,

TEXT TEXT TEXT

align=„left“ richtet die Grafik linksbündig aus. Nachfolgend notierter Text fließt rechts um die Grafik. Analog gehts auch mit align=„right“

mehr zur Ausrichtung von Text/Grafik:
http://selfhtml.teamone.de/navigation/quickbar/index…

mfg

Sebastian

Moin

Ich würde an der Stelle mit CSS arbeiten und den Text bzw. das Bild/Grafik in einen Layer packen; die kannst du ausrichten wie du möchtest und wenn du willst auch überlagern.
Steht auch in SelfHTML wie das geht.

Jim

Hi Michael,

Das geht zwar auch mit HTML (mit dem „align“-Attribut), allerdings sollte man heute diese veralteten Sachen wie align nicht mehr nutzen und CSS einsetzen.

Um Bilder von Text umfliessen zu lassen, benutzt man float. In SelfHTML erfährst du mehr dazu:
http://selfhtml.teamone.de/html/grafiken/ausrichten…

Das sollte eigentlich recht einfach sein:

Damit umfließt der Text dein Bild. Dann möchtest du wahrscheinlich noch den Abstand zwischen dem Bild und dem Text ändern. Dazu gibts du im style-attribut noch eine „margin“-Angabe an, z. B.

style="float:left; margin-right:10px; margin-bottom:10px;"\>

Damit ist der Abstand zum Text rechts und unterhalb des Bildes 10 Pixel groß. Wenn das Bild rechtsbündig angeordnet ist (float:right), muß natürlich der Abstand links des Bildes (margin-left) angegeben werden.
Sollen vielleicht nur eine oder zwei Zeilen neben dem Bild angeordnet sein, muß man „clear“ verwenden
(http://selfhtml.teamone.de/css/eigenschaften/positio…)

Gruß,
Jens

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]