Help! Vertical Alignment Issues in TextFlow

Question

Hi Guys,

So I have a fun one here. I have a single textArea.textFlow that contains a mixture of plain text and images. The text is aligned at what looks to be bottom, while the images show up at a top-like alignment...how can I get them all to be aligned at the same level?

The content of my textFlow is something like this: <p textIndent="15">You can even place graphics inline like <img source="http://blah.blah.com:8080/images/ce/TopicCGoal6/image6.png" /> this.</p> and it spits this out:

Help?!

Thanks,

Adrian

You can even place graphics inline like this.

and it spits this out: Help?!Thanks,Adrian

robin_briggs · Accepted Answer

Images are aligned so that the bottom of the image matches the baseline of the text. In this case, I think the bottom of the image is blank --- the image contains text, and the text has no descenders. That's just a guess, but it explains what you are seeing.

You can adjust the image up & down from its default position using the baselineShift attribute. Something like <img baselineShift="-6"> should help. If it's not convenient to apply it in the XML, you can apply it in ActionScript directly to the InlineGraphicElement.

Hope this helps,

- robin

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded