Textfield with css a:hover formatting problem

[peruna]

Hi,

I'm having a problem with textfield formatting with css.

Everything is fine when the text shows up. However when the user rolls over a html link the texts moves slightly causing some words to be rendered over each other.

There doesn't seem to be a problem when using NORMAL text rendering. Only ADVANCED causes problems. The readability of NORMAL anti aliasing is so poor that it would be quite important to be able to use ADVANCED.

TextField properties:
- htmlText
- tested with kerning on and off
- antialiasing advanced
- dynamic
- a:hover causes the link color to change

Is this a common problem or am I just doing it wrong?
Thanks.

[tpspoons]

Try (if you havn't already) rounding the position of the textfields.

[peruna]

Hi,

Thank you for your input. I checked all the coordinates of the containing Sprites and Textfields and all had their coordinates were set with integers. I also tried changing the values in the css and set GridFitType to PIXEL. It didn't work either.

The input field of this forum seems to work only with ie?

[fzuill]

I am also having a problem with text reformatting using HTML and "a:hover". Even if my "a:hover" block is empty, the reformatting happens. If I remove the "a:hover" block, there is no problem. Actually, I only get the problem when I have images in the text (i.e. <img src="...")

I'll keep trying to figure out the problem while also looking at Adobe's bug list. My version of Flash player is 9.0. 124. If I find a solution I'll try to pass it on. Please let me know if you've found the solution.

[dail]

Set your text to autosize.CENTER

[wanzai]

I had the same problem, but the suggestion by dail works, thanks!