[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" />
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.
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.
Users Browsing this Thread
There are currently 2 users browsing this thread. (0 members and 2 guests)
Tags for this Thread