grafik positionieren bildumlaufschrift

[siddd]

Hallo

Ich moechte eine Grafik links unten im Frame positionieren. Die Grafik nutzt 60% der Rahmenhoehe aus. Eine Schrift/Text soll die Grafik oben und seitlich rechts umlaufen. Dazu verwende ich derzeit folgende Befehlszeilen

<p> <img src="CIMG4567.jpg" height="60%" style="float:left; padding-right:8px; margin-left:0px; margin-bottom:0px;">
XXXXXXXXXXXXXXXXXXXXXXXXYYYYYYYYYYYYYYYYYYYYYYYYYY YYXX
XXXXXXXXXXXXXXXXXXXXXWWWWWWWWWWWWWWWWWWWWW</p>

Die Grafik wird allerding links oben im Rahmen positioniert. Die Grafik wird von dem Text umlaufen. Wie ist es moeglich einen gleichen Effekt zu erzielen, mit einer Grafik, die links unten im Rahmen positioniert ist?

Wie lautet die korrekte Syntax ?

Vielen Dank!

[developr]

Hm... du könntest es vielleicht mit absoluten Positionsangaben machen:

<p> <img src="CIMG4567.jpg" height="60%" align="left" style="padding-right:8px; margin-left:0px; margin-bottom:0px; position: absolute; bottom: 0px;">
XXXXXXXXXXXXXXXXXXXXXXXXYYYYYYYYYYYYYYYYYYYYYYYYYY  YYXX
XXXXXXXXXXXXXXXXXXXXXWWWWWWWWWWWWWWWWWWWWW</p>

[siddd]

Vielen Dank für das Beispiel!

So etwas aehnliches habe ich schon probiert. In diesem Fall laueft der Text hinter der Grafik. Ich moechte allerdings, dass der Text die Grafik umlaeuft. Vielleicht kennst Du noch einen Trick.

[developr]

Dann versuche es mal statt "position: absolute;" mit "position: relative;". Du musst dann nur den Wert bei "bottom: Xpx" entsprechend ändern, wie du es brauchst. Hoffe, es hilft dir.

[siddd]

Irgendwie kriege ich das nicht hin. Wie lautet die geamte Befehlssyntax?

[developr]

<p> <img src="CIMG4567.jpg" height="60%" align="left" style="padding-right:8px; margin-left:0px; margin-bottom:0px; position: relative; bottom: 0px;">
XXXXXXXXXXXXXXXXXXXXXXXXYYYYYYYYYYYYYYYYYYYYYYYYYY  YYXX
XXXXXXXXXXXXXXXXXXXXXWWWWWWWWWWWWWWWWWWWWW</p>

Und bei "bottom: 0px" änderst du die 0 jetzt in welche Werte, z.B. 100 oder -100. Musst du ausprobieren, bis das Bild da ist wo du es haben möchtest.