Results 1 to 3 of 3

Thread: [RESOLVED] Map tag doesn't work in Google Chrome?

Hybrid View

  1. #1
    Join Date
    Dec 2011

    resolved [RESOLVED] Map tag doesn't work in Google Chrome?

    I seem to be having quite a few problems with Google Chrome. And I know it's up to date because I just re-downloaded it. My issue is simple. I'm using the map/area tags to make parts of an image clickable, where the source will show up in the pages iframe. It works just fine in Firefox, but in Google Chrome, the parts of the image that should be clickable are not. It's as if Chrome isn't even reading the map tag at all.

    The image is the same size on both browsers as well so I'm not really sure what's wrong. Here is the code below if it helps.

    <img id="pad" width="1413px" height="710px" src="Images/ipad.gif" usemap="#Click" />
    <iframe id="frame" src="Web/directions.html" name="frame1" alt="Video Screen"></iframe>
    <map id="click" name="click">
    <area shape="rect" coords="122,136,168,167" target="frame1" href="Web/directions.html" />
    <area shape="rect" coords="120,269,176,304" target="frame1" href="Web/Nobuo Uematsu/Index.html" />
    <area shape="rect" coords="118,400,177,432" target="frame1" href="Web/HTML Hyrule/index.htm" />
    <area shape="rect" coords="120,525,177,556" href="index.html" />

  2. #2
    Join Date
    Dec 2011
    Same deal with Safari oddly. The Map/area tags aren't doing what they should be. I'd imagine something like those tags should be pretty basic and have no issues. No clue what's going on.

  3. #3
    Join Date
    Dec 2011
    Nevermind, I have been able to solve my own issue. Looking back I'm not sure why but the image with the map was given a z-index of -1. Somehow that was getting in the way of the image map. I got rid of the z-index, didn't really change anything but now the image map works correctly in FF, Safari and Chrome.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center