maschek / imgmap

Javascript based imagemap editor
https://www.maschek.hu/imagemap/
GNU General Public License v2.0
59 stars 32 forks source link

Results not showing up with different browsers... HELP!!! #78

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago
I uploaded a picture and started assigning rectangular boxes which would link 
to various places on my website. I uploaded the text and used your Image Map 
page to get it all sorted out. I used the 
"<OBJECT DATA="sitemap.png" USEMAP="#map" TYPE="image/png" TITLE="Site map" 
WIDTH=300 HEIGHT=200>
<OBJECT DATA="sitemap.gif" USEMAP="#map" TYPE="image/gif" TITLE="Site map" 
WIDTH=300 HEIGHT=200>
<MAP NAME=map>
<UL>
<LI><A HREF="/reference/" COORDS="5,5,95,195">HTML and CSS Reference</A></LI>
<LI><A HREF="/design/" COORDS="105,5,195,195">Design Guide</A></LI>
<LI><A HREF="/tools/" COORDS="205,5,295,195">Tools</A></LI>
</UL>
</MAP>
</OBJECT>
</OBJECT>" code to get it working on our Netsuite hosted site.

After a few trial runs I got it up and running beautifully on Firefox. I opened 
the same page on Internet Explorer and the image appears but there are no links 
and no places to click on the image. Disappointing but this is how the image 
originally appeared so not a huge deal. Opened the page up with Google Chrome 
and the image is nowhere to be seen and all there is are text links to the 
various pages listed like this:

*Early American Primary
*Teaching Character Primary
*History of Science

How can I make them all show up like they do on Firefox?

What is the expected output? What do you see instead?
Expected output is what appears on Firefox browser... image with 15 different 
links to various pages on my site. On Internet Explorer only the image appears 
with no links. On Chrome the image doesn't appear but only a list of text links.

What version of the product are you using? On what browser/operating system?
Using Windows 8.1 on a newer Dell. Using the latest version of Firefox.

Any help would be greatly appreciated!!!!

Original issue reported on code.google.com by BFBlett...@gmail.com on 15 Oct 2014 at 9:13

GoogleCodeExporter commented 9 years ago
Hi,

The documentation at http://www.htmlhelp.com/reference/html40/special/map.html 
is actually giving outdated guidance.
Take a look at here:
http://www.w3schools.com/tags/att_a_coords.asp

The way you constructed your map is not supported in HTML5 and in most 
browsers. Use this construct instead (this is also what the online image map 
editor gives you by default, so no need to change anything):
http://www.w3schools.com/tags/tag_area.asp

I hope this helps.

Original comment by adam.mas...@gmail.com on 18 Oct 2014 at 8:25