Zurück   Flashforum > Alternative Technologien > HTML und CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
Alt 30-01-2011, 18:28   #1 (permalink)
Neuer User
 
Registriert seit: Jun 2007
Beiträge: 71
Textarea - htmlText - img tag umfliessen lassen

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.
Rotzlucky ist offline   Mit Zitat antworten
Alt 30-01-2011, 22:12   #2 (permalink)
Inventar
 
Benutzerbild von Nightflyer
 
Registriert seit: Jul 2002
Beiträge: 7.019
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 )
__________________
(\__/)
(='.'=)
(")_(")
Nightflyer ist offline   Mit Zitat antworten
Alt 31-01-2011, 22:38   #3 (permalink)
Neuer User
 
Registriert seit: Jun 2007
Beiträge: 71
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.
Rotzlucky ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
Pingbacks sind an
Refbacks sind an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
TextArea - htmlText: float Problem mit <img> und <p> erisch03 Flex programmieren 3 03-08-2010 18:25
Textarea.htmltext mit inputfeldern? deathfighter ActionScript 3 2 06-01-2009 10:55
TextArea && htmlText && appendText = bug || feature? ccode Komponenten und SmartClips 0 22-05-2008 02:23
htmlText mit TextArea KingKhong ActionScript 2 1 09-11-2006 00:36
bug? wenn ich auf textarea.htmlText zugreife... m.hyper@web.de Flash MX 2004 5 31-08-2004 13:22


Alle Zeitangaben in WEZ +1. Es ist jetzt 11:34 Uhr.

Domains, Webhosting & Vserver von Host Europe
Unterstützt das Flashforum!
Adobe User Group


Copyright ©1999 – 2014 Marc Thiele