Links in Html-Text ruckeln

[ElectroCunt]

Hallo zusammen,

ich habe ein Problem mit mehreren Links in einem Html-Text, der via CSS formatiert wird. Der Roll-Over in meinem Beispiel bewirkt ein Springen/Ruckeln des Textes.

Stelle ich den

txt.antiAliasType = "advanced"; 

auf "normal". Ist das ruckeln weg, allerdings ist dann der Text wieder unscharf.

Auskommentieren von

txt.embedFonts=true 

bewirkt das Gleiche. Allerdings brauche ich das unbedingt, da ich später mit Schriften arbeite die nicht auf jedem Rechner installiert sind.


Hier das Ganze Script. Zu Testzwecken noch eine Arial mit Verknüpfung in die Bibliothek legen.

var styles:TextField.StyleSheet = new TextField.StyleSheet();
 
styles.setStyle("p",{color:'#000000', fontFamily:'Arial', fontSize:'18'});
styles.setStyle("a:link",{color:'#FF7733', textDecoration:"underline"});
styles.setStyle("a:hover",{color:'#FF33FF', textDecoration:"underline"});
 
 
txt = this.createTextField("txt", 1, 50, 50, 430, 30);
 
// Das muss drinnen stehen, sonst kann ich nicht mit "ausgefallenen" Schriften arbeiten
txt.embedFonts=true
 
txt.styleSheet = styles;
txt.selectable=false
txt.html=true
txt.htmlText = "<p>Lorem ipsum. <a href='http://www.spiegel.com'>> Noch ein Link. </a> Consectetuer adipistz. <a href='http://www.irgendwas.com'>> Das ist der zweite Link </a> Lass ihn ruckeln.</p>"
 
 
txt.autoSize = true;
txt.wordWrap = true;
// Das muss drinnen stehen, sonst wir der Text unscharf dargestellt
txt.antiAliasType = "advanced"; 

Gibt es eine Lösung, Schriften scharf und eingebunden darzustellen, ohne dass ein Text in dem mehrere Links stehen, ruckelt? Das Ganze muss natürlich via CSS formatier sein.

Vielen Dank für die Hilfe.


-----------------------------

[amexdesign]

versuch noch das dazu zu schreiben:

PHP-Code:

txt.antiAliasType = "advanced";
txt.type = "dynamic"; 


[hgseib]

var styles:TextField.StyleSheet = new TextField.StyleSheet();
styles.setStyle("p",{color:'#000000', fontFamily:'Arial', fontSize:'18'});
styles.setStyle("a:link",{color:'#FF7733', textDecoration:"underline"});
styles.setStyle("a:hover",{color:'#FF33FF', textDecoration:"underline"});

this.createTextField("txt", 1, 50, 50, 400, 400);
txt.styleSheet = styles;
txt.html = true;
txt.htmlText = "...";
txt.embedFonts = true;
txt.selectable = false;
//txt.autoSize = true;
txt.wordWrap = true;
txt.multiline = true;
txt.antiAliasType = "advanced";
txt.gridFitType = "subPixel";

[ElectroCunt]

Hmm, das hat leider beides nichts genützt. Text ruckelt nach wie vor.
Hat sonst noch einer eine Idee/ Lösung?

[Der Frager]

Ohne autosize ist's doch alles okay?

[ElectroCunt]

Herr Seib hatte Recht, habe die auskommentierte Zeile nicht gesehen.
@ Der Frager: Danke fürs noch mal drauf hinweisen.

Jetzt funktionieren die Links ohne Ruckeln. Vielen Dank die Herren.

[elbjoern]

ich habe leider das gleiche problem, kann allerdings autosize nicht ausstellen. was kann man da machen? brauche unbedingt autosize? gibt es da workarounds?