How to vertically center InlineGraphicElements?

Question

Hi all,
I'm trying to extend the InlineGraphic TLF example to insert images of varying sizes, but vertically center them in the text Flow.  I'm having trouble figuring out the correct parameters to properly center the element.  I've been playing with alignmentBaseline & dominantBaseline w/ IDEOGRAPHIC_CENTER, but I don't get very promising results.  Here's a screen shot of where I'm at:
Notice the blue box(added in post), the text MESSUP is being placed on the same line as the Lorem Ipsum text(in the string, it's Donec MESSUP).  Also, the selection box (Ctrl+A) shows breaks in the text layout.  It seems like the boxes should be shifted up.  This may be as designed, if so, how do I compact/shift the boxes up?
For contrast, this is what it looks like without the centering:
Source:
package
    import flash.display.Sprite;
    import flash.text.engine.TextBaseline;
    import flashx.textLayout.container.ContainerController;
    import flashx.textLayout.edit.EditManager;
    import flashx.textLayout.elements.InlineGraphicElement;
    import flashx.textLayout.elements.InlineGraphicElementStatus;
    import flashx.textLayout.elements.ParagraphElement;
    import flashx.textLayout.elements.SpanElement;
    import flashx.textLayout.elements.TextFlow;
    import flashx.textLayout.events.StatusChangeEvent;
    import flashx.undo.UndoManager;
    [SWF(width="760", height="590", backgroundColor="0xCCCCCC", frameRate="30")]
    public class inliner extends Sprite
        protected var textFlow:TextFlow;
        public function inliner():void
            var elements:Array =
                "Lorem ipsum dolor", null,
                "sit amet, consectetur", null,
                "adipiscing elit. Mauris eu odio nibh. Duis", null,
                "scelerisque mattis risus, vitae viverra", null,
                "ipsum vehicula non.", null,
                "Donec MESSUP"];
            textFlow = new TextFlow();
            textFlow.fontSize = 34;
            textFlow.backgroundColor = 0xFFFFFF;
            textFlow.backgroundAlpha = 1;
            var imageSize:uint = 20;
            var paragraphElement:ParagraphElement = new ParagraphElement();
            textFlow.addChild(paragraphElement);
            for(var i:uint = 0; i < elements.length; ++i)
                var obj:* = elements[i];
                if(obj is String)
                    var string:String = obj as String;
                    var span:SpanElement = new SpanElement();
                    span.text = string;
                    paragraphElement.addChild(span);
                else if(obj == null)
                    var inlineGraphic:InlineGraphicElement = new InlineGraphicElement();
                    inlineGraphic.width = imageSize;
                    inlineGraphic.height = imageSize;
                    imageSize += 20;
                    inlineGraphic.source = "http://www.adobe.com/shockwave/download/images/flashplayer_100x100.jpg";
                    // comment out to change back to good looking text
                    inlineGraphic.alignmentBaseline = TextBaseline.IDEOGRAPHIC_CENTER;
                    inlineGraphic.dominantBaseline = TextBaseline.IDEOGRAPHIC_CENTER;                   
                    paragraphElement.addChild(inlineGraphic);
            // event sent when graphic is done loading
            textFlow.addEventListener(StatusChangeEvent.INLINE_GRAPHIC_STATUS_CHANGE, graphicStatusChangeEvent);
            const bufferX:Number = 50;
            var sprite:Sprite = new Sprite;
            sprite.x += bufferX;
            addChild(sprite);
            textFlow.flowComposer.addController(new ContainerController(sprite, 760 - bufferX * 2, 590));
            // this call compose but the graphic hasn't been loaded from the source URL yet.
            // The actualWidth and actualHeight are zero. 
            refresh();
            var em:EditManager = new EditManager(new UndoManager);
            textFlow.interactionManager = em;
            textFlow.interactionManager.setFocus();
        protected function graphicStatusChangeEvent(e:StatusChangeEvent):void
            // if the graphic has loaded update the display
            // actualWidth and actualHeight are computed from the graphic's height
            if(e.status == InlineGraphicElementStatus.READY || e.status == InlineGraphicElementStatus.SIZE_PENDING)
                refresh();
        protected function refresh():void
            textFlow.flowComposer.updateAllControllers();

Answer 1

Cannot, really.
Read this -
http://www.apptools.com/examples/tableheight.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Reese" <[email protected]> wrote in message
news:eh34gg$rvh$[email protected]..
> How to vertically center a div? :-S
>