nicht angemeldet
float Frage, 2 Imgs und ein p
Hallo, Wie realisiere ich folgendes:
----------------------___________
---------------------| |
---------------------| |
---------------------| |
---------------------| |
---------------------| |
---------------------| |
---------------------_____________
----------------------------------
__________------------------------
| |-----------------------
| |-----------------------
| |-----------------------
| |-----------------------
| |-----------------------
| |-----------------------
___________-----------------------
Ich habe also Text, der in einem P untergebracht ist und zwei imgs. Die Situation mit der oberen Grafik erreiche ich durch
<img src="bild.gif" style="float:right">
<p>Text TExt TExt</p>
Wie erreiche ich aber das die Grafik unten quasi mittem im Text anfängt, bis zur Unterkante reicht und links gefloated wird?
Danke schon mal,
ARne.
-
hi,
Wie erreiche ich aber das die Grafik unten quasi mittem im Text anfängt,
In dem du sie mitten in den Text hineinsetzt.
Entweder direkt in den Fließtext - oder indem du an der Stelle ein neues <p> aufmachst. Kommt auf den Inhalt an, ob an dieser Stelle ein neuer Absatz sinnvoller wäre, oder nicht.bis zur Unterkante reicht und links gefloated wird?
Nein, das bis zur Unterkante kannst du eigentlich gleich knicken - gefloatete Elemente müssen immer so hoch wie möglich positioniert werden.
Ein Ausrichtung, wie sie dir vorschwebt, ist mit CSS allein m.E. nicht zu machen. Und auch mit zusätzlichen Hilfsmitteln wären, falls überhaupt möglich, vermutlich abenteuerliche Tricks nötig.Derzeitiges HTML und CSS sind nun mal keine vollwertige DTP-Lösung.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hallo,
Wie erreiche ich aber das die Grafik unten quasi mittem im Text anfängt,
In dem du sie mitten in den Text hineinsetzt.
Die Texte kommen aus ner Datenbank, von daher müsste ich aus jedem doppelten newline ein </p><p> machen und dann irgendwo, nahe bei der Mitte das img einfügen. Ideallösung ist das wohl nicht.
»»Und auch mit zusätzlichen Hilfsmitteln wären, falls überhaupt möglich, vermutlich abenteuerliche Tricks nötig.
Dann lieber nicht.
Derzeitiges HTML und CSS sind nun mal keine vollwertige DTP-Lösung.
Ein einfaches, interpretierbares "so Richtung unten links" hätt mir ja auch gereicht.
Vielen Dank,
Arne.
-
Hi Arne!
Ein einfaches, interpretierbares "so Richtung unten links" hätt mir ja auch gereicht.
Dann verpass doch dem linken Bild noch einen entsprechenden Abstand nach oben.
MfG H☼psel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)-
hi,
Ein einfaches, interpretierbares "so Richtung unten links" hätt mir ja auch gereicht.
Dann verpass doch dem linken Bild noch einen entsprechenden Abstand nach oben.
Und dann?
Du erwartest sicher nicht, dass der "umgebende" Text dann oberhalb des Bildes wieder bis an den linken Rand fließen wird?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hi wahsaga!
Du erwartest sicher nicht, dass der "umgebende" Text dann oberhalb des Bildes wieder bis an den linken Rand fließen wird?
Doch, tue ich. Ist dem nicht so?
MfG H☼psel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)-
hi,
Du erwartest sicher nicht, dass der "umgebende" Text dann oberhalb des Bildes wieder bis an den linken Rand fließen wird?
Doch, tue ich. Ist dem nicht so?
Hassu ausprobiert?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hi wahsaga!
Du erwartest sicher nicht, dass der "umgebende" Text dann oberhalb des Bildes wieder bis an den linken Rand fließen wird?
Doch, tue ich. Ist dem nicht so?
Hassu ausprobiert?Ey, Alda. Seeh isch aus als hätt isch de Zeit, konkret so Sachen und so zu machen, hä?
Klar, Mann [1]
[1] Weissu?! :)
MfG H☼psel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)-
Du erwartest sicher nicht, dass der "umgebende" Text dann oberhalb des Bildes wieder bis an den linken Rand fließen wird?
Doch, tue ich. Ist dem nicht so?Also bei mir fließt bei keinem Browser der Text oberhalb der Grafik wieder an den (linken!!!) Rand.
Gruß, Arne
-
Hi Arne!
Klar, Mann
Also bei mir fließt bei keinem Browser der Text oberhalb der Grafik wieder an den (linken!!!) Rand.Bei mir auch nicht. Habe ich ja auch nie behauptet.
Das "Klarm Mann" bezog sich auf meinen davorigen Satz. ;-)
MfG H☼psel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
-
-
-
-
-
-
-
-