grafik positionieren bildumlaufschrift

Diskutiere grafik positionieren bildumlaufschrift im CSS Forum im Bereich Programmierung; Hallo Ich moechte eine Grafik links unten im Frame positionieren. Die Grafik nutzt 60% der Rahmenhoehe aus. Eine Schrift/Text soll die Grafik...
Neues Thema erstellen Antworten
  • grafik positionieren bildumlaufschrift Beitrag #1
S
siddd
New member
Beiträge
3
Punkte Reaktionen
0
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;">
XXXXXXXXXXXXXXXXXXXXXXXXYYYYYYYYYYYYYYYYYYYYYYYYYYYYXX
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!
 
  • grafik positionieren bildumlaufschrift Beitrag #2
developr
developr
Teammitglied
Beiträge
336
Punkte Reaktionen
0
Hm... du könntest es vielleicht mit absoluten Positionsangaben machen:
HTML: 
<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>
 
  • grafik positionieren bildumlaufschrift Beitrag #3
S
siddd
New member
Beiträge
3
Punkte Reaktionen
0
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.
 
  • grafik positionieren bildumlaufschrift Beitrag #4
developr
developr
Teammitglied
Beiträge
336
Punkte Reaktionen
0
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.
 
  • grafik positionieren bildumlaufschrift Beitrag #5
S
siddd
New member
Beiträge
3
Punkte Reaktionen
0
Irgendwie kriege ich das nicht hin. Wie lautet die geamte Befehlssyntax?
 
  • grafik positionieren bildumlaufschrift Beitrag #6
developr
developr
Teammitglied
Beiträge
336
Punkte Reaktionen
0
HTML: 
<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.
 
Thema:

grafik positionieren bildumlaufschrift

Oben Unten