Text ums Bild?!?

[highland]

Hallo zusammen,
ich wollte gerne für eine Newssparte folgendes Layout realisieren:

Es gibt einen Div Layer, in dem Text drin steht. Nun sollte rechts unten ein Bild eingefügt werden, dass immer mit der letzten Textzeile abschließt. Egal wie lang der variable Text jeweils ist.

_ = Text
X = Bild

_____________________________
_____________________________
_____________________________
_____________________________
_____________XXXXXXXXXXXXXXXX
_____________XXXXXXXXXXXXXXXX
_____________XXXXXXXXXXXXXXXX
_____________XXXXXXXXXXXXXXXX

Probiert habe ich es schon mit "float", was nicht wirklich funktionierte, da das Bild immer unter den Text gekommen ist, wenn ich den Bildlink nach dem Text eingefügt habe.
Momentan komm ich da nicht wirklich weiter
Weiß jemand konkret, wie ich das einfach über CSS realisieren kann?
Greetz
High

 

[Tamiflu]

AW: Text ums Bild?!?

Hey,

benutz das ganze einfach so:

<p style="text-align: justify;">
<img style="float: right;" src="test.jpg" /><br style="clear: left;" />
Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
<br /><br />
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
<br /><br />
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.?
</p>

Habe als Beispiel jetzt einfach mal den Lorem Ipsum genommen.

Wenn du willst, kannst du auch noch bei <img style="..."> margin-Angaben dazumachen, dass Text nicht hart auf hart mit Bild zusammenstoßt.

Du kannst auch das Bild irgendwo in den Text stellen, dass es so aussieht, wie auf deiner Skizze.

Gruß,
Tamiflu

 

[highland]

AW: Text ums Bild?!?

das geht so nicht. da der text variabel ist, muß das bild im quelltext vor oder nach dem text eingefügt werden! wenn ich das bild oben rechts haben möchte, kann ich das relativ einfach mit float:right umsetzen. das hast du ja auch in deinem beispiel getan.das problem ist eben das bild immer an die unterste rechte ecke zu bekommen. mit positionierungensarten kriege ich das bild nicht auf den boden des divs.

vielleicht hat jemand ja noch einen anderen lösungsvorschlag.

greetz
high

 

[mindraper]

AW: Text ums Bild?!?

das bild mit dem dazugehörigen text in ein extra div packen, das exakt die benötigte höhe hat und das bild dann nach rechts floaten? keine ahnung ob es funzt, ist mir nur so grad eingefallen...