[Pro] Map area on background image

I’m building a site with FW Pro 6 using inline construction. I understand using a background image to fill an HTML item using the style “background-size cover”. The front page of this site is going to have an image set to fill the browser. They want different parts of the image to be links to the content pages. Obviously, the clickable parts of the image will vary in location due to browser window sizes. My question is: Is there a way to have an area of an image be a link when the background image is set to fill full width?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This is a case where a background image is not really practical.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I was afraid that was going to be the answer! Thank you for the fast response.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It’s a matter of fact you can. You can check this out at http://www.valveco.com, where the (background)images of the 4 markets seem to be linking.

But the actual links are the texts in the upper left corner, and by fiddling with the link styles you can achieve the appearance of a linked image. When you don’t want text to be visible … make sure you set the value of the rgba to 0 (in this case: rgba(255,255,255,0) )

position: relative;
float: left;
width: 178px;
height: 103px;
padding: 10px;
margin: 0 0 20px 20px;
overflow: visible;
display: block;
border: 1px solid rgba(255,255,255,1);
color: #fff;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It’s a matter of fact you can.

With individual bg images - yes.

But not practically with 1 bg image sat to ‘Cover’ and individual links set on different areas.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

True


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What I usually do when I need to do this sort of trick is to position layered clear GIF images and apply the links to those. This gives you a “poor man’s image map” that will work over a background image.

Walter

On Nov 30, 2013, at 9:23 AM, DeltaDave wrote:

It’s a matter of fact you can.

With individual bg images - yes.

But not practically with 1 bg image sat to ‘Cover’ and individual links set on different areas.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options