Re: [flexcoders] Background Image - Keep Proportions?

Wed, 06 Sep 2006 08:35:23 -0700

Title: Re: [flexcoders] Background Image - Keep Proportions?
This may not be the best solution, but it works.

Rather than placing your image in the application, place it in a lowest level box.  The image wont stretch then.  So, something like this, with paddings to replace the removed padding in the application tag:

<mx:Application etc.... />

<mx:Style>

Application {
    paddingLeft: 0;
    paddingRight: 0;
    paddingTop: 0;
    paddingBottom: 0;
}

.myCustomBackground {
    backgroundImage: “assets/bg.jpg” ;
    paddingLeft: 20;
    paddingRight: 20;
    paddingTop: 20;
    paddingBottom: 20;
}

</mx:Style>

<mx:Box width=”100%” height=”100%” styleName=”myCustomBackground”>


</mx:Box>

</mx:Application>


On 9/6/06 9:40 AM, "jameseisenlohr" <[EMAIL PROTECTED]> wrote:


 
 

I have a full-screen background image that is getting distorted. Is
there a way to have the background image always display centered in
its true size despite the screen size? The background image size is
1500 px wide by 1000 px in height. Another question is what are good
dimensions for a background image in order to accommodate all screen
sizes?

Currently, I am using CSS to insert the background image:

<mx:Style>
Application
{
background-image: "assets/bg.jpg";
}
</mx:Style>

Thanks,

James

 
    


8888/ \8888®   PETER BAIRD
888/   \888    User Experience Consultant
88/  /  \88    Adobe Consulting | Adobe Systems, Inc
8/  /8\  \8    275 Grove St. Newton, MA
/  /888\  \    Office: 617.219.2126
      \8\      Cell: 617.803.6804


 __._,_.___

--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com




SPONSORED LINKS
Software development tool Software development Software development services
Home design software Software development company

YAHOO! GROUPS LINKS



__,_._,___

Reply via email to