Help. Flexible layout - scaling elements individually


Stuck on this and not quite sure how to do this. I have a background image that I want to scale ONLY when the browser WIDTH is changed. I have another image on top of the background that I want to scale ONLY when the browser HEIGHT is changed. You can see an example of this here -

Have uploaded the source files here -, if anyone knows how to do this I would really appreciate it.

(Hans-Gerd Claßen) #2

not out of the box …
you’ve got to involve your own html5 techniques


Thanks Hans. Don’t suppose you know how or can point me in the right direction? I have no HTML5 skills other than what can be done out of the box with Hype :frowning:


I think its something people might actually be able to use often when building flexible layouts, so could be a nice tool in the Hype toolbox


Attached is a simple Hype Document. If anyone can figure this out, I will love you long long time. (36.3 KB)


Updated file now includes a 3rd scenario to resize proportionally when browser width and height is (49.9 KB)

(Hans-Gerd Claßen) #8


hype won’t be the best tool to achieve sthg like this though …



was there supposed to be an attachment in your reply? I see “uploading…”


The dropbox link to the live example works and seems to be exactly what I wanted. Thanks a million. However, did you try to send .hype file? I can’t see how you did it otherwise :frowning: Thanks for the help!

(Hans-Gerd Claßen) #11

Here’s the file: (2.6 MB)

[hype-upload failed … guess due to filesize …]


Thanks Hans! Your the man :slight_smile: