Textarea - htmlText - img tag umfliessen lassen

[Rotzlucky]

Nabend zusammen,

folgender Code generiert mir ein textumflossendes Bild.
Allerdings stört mich ein wenig, dass das Bild anscheinend noch ein Padding drin hat. Ich würde es gern komplett links-oben am Text ausrichten.

PHP-Code:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
               creationComplete="application2_creationCompleteHandler(event)">

    <fx:Script>
        <![CDATA[
            import mx.events.FlexEvent;
            
            [Bindable]private var textWrap:String = "";
            private var wrapText:String = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. " +
                "Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis " +
                "dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque " +
                "eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, " +
                "aliquet nec, vulputate";
            
            protected function application2_creationCompleteHandler(event:FlexEvent):void
            {
                textWrap = '<p><img src="images/logo2.png" width="132" height="96" float="left" clear="left"/>' + wrapText + '</p>' ;
            }
        ]]>
    </fx:Script>
    
    <mx:TextArea htmlText="{textWrap}" width="250" height="250" borderStyle="none" />
    
</s:Application>

Ich hab schon diverses versucht wie:
align="left"
x="0"
style="vertical-align:text-top"
padding-left="0"

Irgendwer ne Ahnung wie das gehen könnte. Oder gibt es ne andere Möglichkeit Bilder mit Text umfliessenzulassen?


Entschuldigt bitte, dass ich nur Flex-Code anbiete. Da das Problem aber HTML ist und das Beispiel auch so minimal ist, denke ich doch, dass auch nicht Flexer verstehen was ich hier mache.

[Nightflyer]

Bilder werden immer dort eingefügt wo das <img>-Tag im Text steht. Wenn dus also ganz oben haben willst musst dein <img>-Tag noch vor dem Text stehen. Sofern du noch ein margin drin hast welcher den Abstand vergrössert kannst du das mit

style="margin-top:0px;margin-left:0px;"

beheben. Padding bringt an dieser Stelle nichts da sich Padding nur auf die Elemente innerhalb eines Tags bezieht ( und da <img> ein in sich geschlossenes Tag ist hat es keine Kinder )

[Rotzlucky]

Hey Nightflyer,

vielen Dank für deinen Input. Margin hatte ich auch schonmal versucht. Hatte nur das px weggelasssen. Leider ändert es auch nichts wenn ichs, genauso wie du geschrieben hast, in mein img-Tag aufnehme. Das htmlText Property der Textarea scheint einfach nur ne begrenzte Anzahl an Properties für das img-Tag zu erlauben. Und die die erlaubt werden sind teilweise sogar deprecated.
Das einzigen properties mit denen ich überhaupt einen Effekt erzielen konnte waren hspace und vspace. nur leider veränder ich damit die margins an allen vier Seiten.
Es scheint also nicht so wirklich zu funktionieren was ich vorhab.

Momentan versuche ich mit hspace und vspace auf 0 über Bitmap-Data mir an die Bilder rechts und unten nen Balken dranzubasteln um damit ein "gefaktes" margin zu erreichen. Da hab ich allerdings das Problem das ich dann ein Objekt als source für das img-Tag habe und keine URL. Keine Ahnung ob man das irgendwie lösen kann.

Wie siehts den mit Flex 4 und FTE/TLF aus, weiß jemand ob man damit bessere Ergebnisse generieren kann. Die Spark-TextArea hat ja schon gar kein htmlText mehr.