Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
GoogleCodeExporter opened this issue Mar 30, 2015 · 1 comment
Open

Comments

@GoogleCodeExporter
Copy link

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 [email protected] on 15 Oct 2014 at 9:13

@GoogleCodeExporter
Copy link
Author

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 [email protected] on 18 Oct 2014 at 8:25

  • Added labels: ****
  • Removed labels: ****

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant