Welcome, guest!

Feel free to read the blog, browse for themes, or join the club.

How to set coordinates for HTML Image map

  1. Trying to add better navigation.
    On this page I would like to make the buttons that are built into the image links

    http://www.goldendog.com/sketchbook/portfolio/ge/

    Easy with an image map... But it does not work. Don't know how to get the coordinates

    Or do I float the buttons over the image with CSS?

    Thanks,

  2. Since I'm not sure what software you have on your computer, you can try using this:

    Online Image Map Editor

    You could look into CSS image maps if you wanted as well.

  3. You must be a logged-in exclusive member to view this reply.

  4. I think he wants the "VIEW EMAIL IN A NEW WINDOW" buttons in the center image to be clickable links.

  5. I would use CSS to do it. This isn't exact but it's the concept you would use:

    .post-story { position: relative; }
    
    #link-1 { display: block; height: 30px; position: absolute; left: 10px; top: 20px; width: 100px; }

    So that says that inside .post-story that #link-1 would position itself 10px from the top and 20px from the left. Obviously you would want to adjust those as well as the width and height of the link itself.

  6. Yep I wanted the "view email..." button clickable.

    @patrick I was thinking that was the solution.

    I spent the day designing a better UI then was hit with the challenge of how to make it work. On a static HTML page I would have created an image map.

    I also like the CSS buttons for then I can have a hover state too.

    As to software I am using the full Adobe CS...

    Last but not least... I am a girl;)

  7. try css image sprites ~ then use the css background-position property to set your own

  8. I made the buttons css image sprites. Works great thanks.

Reply

You must log in to post.

Limited Access

If you have an account, please take a moment to log in.

Non-exclusive members have limited access to the support forums.

To enjoy the full range of support, sign up for an exclusive membership in the theme club.

Support Forums

  • Core Framework (54 posts)
  • Hybrid Theme (22,711 posts)
  • Bliss Theme (255 posts)
  • Options Theme (10,362 posts)
  • Visionary Theme (767 posts)
  • WordPress (144 posts)
  • WordPress Plugins (2,146 posts)
  • bbPress Themes (308 posts)
  • General Discussion (5,572 posts)
  • Critical Theme (0 posts)
  • Hybrid News Theme (132 posts)
  • Hybrid Original Theme (26 posts)
  • Leviathan Theme (16 posts)
  • Life Collage Theme (9 posts)
  • Old School Theme (3 posts)
  • Outline Theme (108 posts)
  • Skeleton Theme (40 posts)
  • Structure Theme (2,768 posts)
  • Members Plugin (2 posts)
  • Cleaner Gallery Plugin (14 posts)
  • Get the Image Plugin (3 posts)
  • Message Board Plugin (0 posts)
  • Widgets Reloaded Plugin (0 posts)
  • Breadcrumb Trail Plugin (0 posts)
  • Query Posts Plugin (80 posts)
  • Hybrid Hook Plugin (7 posts)
  • Hybrid Hook Widgets Plugin (0 posts)
  • Hybrid Tabs (5 posts)