Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Responsive image/hotspots

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 25, 2018 at 7:59 am #265989
    typerory
    Participant

    So I have this html demo here: DEMO

    Now I am building it out in Vue and struggling with the CSS. I would appreciate it if someone could take a look and point out my mistakes. I need the hotspots to move with the image/screensize.

    CODEPEN with Vuetify

    CODEPEN without Vuetify

    Thanks!

    January 25, 2018 at 9:02 am #265991
    Paulie_D
    Member

    Here’s how I demo it….you have to position the hotspots absolutely over the image using % values.

    https://codepen.io/Paulie-D/pen/dgcha

    January 25, 2018 at 9:46 am #265997
    typerory
    Participant

    This worked perfectly. Thank you so much.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.