Help. Flexible layout - scaling elements individually


#1

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 - http://thehatefuleight.com

Have uploaded the source files here - http://flushdigital.com/index.zip, if anyone knows how to do this I would really appreciate it.
Thanks!


(Hans-Gerd Claßen) #2

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


#3

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:


#4

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


#5

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

independantscale.hype.zip (36.3 KB)


#7

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


(Hans-Gerd Claßen) #8

link

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

Uploading…


#9

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


#10

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: index.zip (2.6 MB)

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


#12

Thanks Hans! Your the man :slight_smile: