Quote (flipypy @ Aug 27 2014 10:05am)

A friend has a site and he wants me to simply place one image on the screen where a section of that image is clickable for a URL.

He wants the image to be able to stay centered and cover the entire page (basically like a background), as well as stretch and shrink with the page if you change the window size (just most content of most sites stays centered when you change your window size).

There is a section of text on the image that he wants me to make clickable as a link.

I know this should probably be easy, but I want to get this done as soon as possible and I'm not great with this sort of thing. I'm just helping a friend out.

I'll give all of my fg to anyone who gives me a working solution.

Quote (rockonkenshin @ Aug 27 2014 10:27am)

If he wants the image to actually scale arbitrarily it's going to have to be SVG. I'm not sure about the clickable link with an SVG file, but with the compressed formats you could just slice the image and make the slice with the text clickable. That doesn't solve the scaling problem.

Quote (flipypy @ Aug 27 2014 12:03pm)

It doesn't have to be SVG because there's CSS for images to cover image scaling, I just can't exactly figure out how to put it together.

Quote (rockonkenshin @ Aug 27 2014 01:42pm)

I think I misunderstood. Does this help? http://unstoppablerobotninja.com/entry/fluid-images/

Quote (flipypy @ Aug 27 2014 05:29pm)

I actually just found a way to fix my problem a different way entirely.