You have the three images you mentioned earlier, let's name them imgLogoLeft,
imgCenter, imgLogoRight.
Take an HBox, (imagine a table in HTML that has 3 columns) placing the
imgLogoLeft first, a Spacer to "push" the logo images apart from one another,
and imgLogoRight.
With each logo image, you may wish to set the attribute "scaleContent" to false
so the image doesn't scale to the size of the <mx:Image/> container.
The <mx:HBox> container's background is set to your small 1 pixel image and
then set the backgroundSize attribute to 100% to stretch it to the size of the
HBox.
<mx:HBox width="100%" backgroundSize="100%"
backgroundImage="imgCenter.jpg">
<mx:Image source="imgLogoLeft.jpg" scaleContent="false"
width="50" height="50"/>
<mx:Spacer width="95%"/>
<mx:Image source="imgLogoRight.jpg" width="50" height="50"
scaleContent="false"/>
</mx:HBox>
--- In [email protected], Darrin Kay <dar...@...> wrote:
>
> I tried that, and it did not stretch it out, the img is 1px wide and
> just puts blank space
>
>
> On Mar 5, 2009, at 2:47 PM, Fotis Chatzinikos wrote:
>
> > width = "100%" ?
> >
> >
> > On Thu, Mar 5, 2009 at 4:45 PM, Darrin Kay <dar...@...>
> > wrote:
> >
> > Ok I was given a jpg image to use as the header, and I broke to 3
> > images, the left logo and right logo. Now in the original image
> > there was a bar that connected the two to make it look like one.
> > But I want the image to move with the size of the screen so the left
> > and right are on the edges. So I cut a slice of the bar and what it
> > to stretch to breach the distance. so it will look like one image
> > no matter what the screen res.
> >
> > Does that make it clearer?
> >
> >
> > On Mar 5, 2009, at 2:33 PM, Fotis Chatzinikos wrote:
> >
> >> for your first question try horizontalGap="0" property on the hbox
> >>
> >> I do not understand your second question...
> >>
> >>
> >> On Thu, Mar 5, 2009 at 4:30 PM, Darrin Kay <dar...@...>
> >> wrote:
> >> Ok I am stuck and I am sure it is simple. I have a HBox and I am I
> >> have a image in there, now I want to put another image in there and
> >> have it butt up against the first so it will look like one, but it
> >> puts a space between the images?
> >>
> >> Also how can I take a slice of a image (say a bar) and have it
> >> stretch
> >> to a certain width?
> >>
> >> thanks
> >>
> >>
> >>
> >> --
> >> Fotis Chatzinikos, Ph.D.
> >> Founder,
> >> Phinnovation
> >> fotis.chatzini...@...,
> >>
> >
> >
> >
> >
> > --
> > Fotis Chatzinikos, Ph.D.
> > Founder,
> > Phinnovation
> > fotis.chatzini...@...,
> >
> >
>