how to position absolute elements in a container and position with percentages (full screen images with clickable elements that resize accordingly) in adobe muse

[nicolel50768346]

I'm making a  website with interactive visual elements. my aim is to create a homepage with a full-screen/large image (which will be a photo of a room )with clickable elements within (such as an invisible hyperlink button/rectangle around the tv to another page). the problem is these buttons/rectangles don't increase in size and position relative to the room/background image in adobe muse. I want the background image to Increase in size depending on the size of the screen with the buttons/boxes linked to a certain position on the image

I'm guessing I have to position absolute elements in a container and position with percentages for example:

container{

min-width:1140px;

margin 0 auto;

margin-top:30px;

}

element_container{postion:relative;

}

element { position absolute

top:85%

left: 77.5%

}

Is there any way i could do this in muse for example by Widget or ccs code, html, or import a dreamweaver file?

[touficnabi]

You can work in the fluid breakpoint environment in use.

Use a rectangle and set it to be full width of the browser and then fill it with the image you are using.

Link the rectangle to the destination link you are looking for.

That should work.

Thanks

Toufic Nabi

Adobe Muse Expert