1 Reply Latest reply on Mar 25, 2018 11:23 AM by touficnabi

    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

      grandads shed proposal.jpg

      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?