Solved

image map doesn't work in netscape.

Posted on 1998-09-18
4
167 Views
Last Modified: 2010-04-09
I have the following codes with an image map which works on IE but not on netscape - what gives?
______________________________________________
<HTML>
<HEAD>
<title> Health Service</title>
<META NAME = "DC.Title" LANG = "en" CONTENT = "Put the Title Here">
</head>
<body bgcolor="#FFFFFF" background="images/background.gif">

<center>
<table border="0" cellspacing="0" cellpadding="0"
<TR>
<center><A href="about/about.html"><img src="images/ccahs.gif" width=350 border=0 alt="Central Coast Area Health Service" ></center><center></A>
<img src="images/mhs.gif"  border=0 alt="Health Service"></center><TD border=0>

<!-- Beginning of CSIM -->
<center><IMG SRC="bubblestest.gif" USEMAP="#bubblestest" BORDER=0></center>
<MAP NAME="bubblestest">
  <AREA SHAPE=CIRCLE COORDS="44,142,44" HREF="clinic/mandala.html"  ALT="Clinic"  TARGET="_top"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=CIRCLE COORDS="140,146,63" HREF="yp/yp.html"  ALT="Young Peoples Health"  TARGET="_top"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=CIRCLE COORDS="235,64,64" HREF="rehab/rehab.html"  ALT="Rehabilitation Services"  TARGET="_top"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=CIRCLE COORDS="420,141,46" HREF="care/care.html"  ALT="Acute Care Team"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=CIRCLE COORDS="235,230,63" HREF="community/community.html"  ALT="Community Health Services"  TARGET="_top"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
  <AREA SHAPE=CIRCLE COORDS="329,148,63" HREF="pp/pp.html"  ALT="Health Promotion & Prevention"  TARGET="_top"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='Health Promotion & Prevention'; return true">
  <AREA SHAPE=CIRCLE COORDS="234,144,39" HREF="central/central.html"  ALT="Central Intake"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true">
</MAP>

<A href="about/about.html"><img src="images/ats.gif" height=22 border=0 alt="About This Site" ismap></a><a href="contact/contact.html"><img src="images/sr.gif" height=22 border=0 alt="Other Health Services & Resources"></A><a href="consumer/consumer.html"><img src="images/ci.gif" height=22 border=0 alt="Information"></A><a href="feedback/feedback.html"><img src="images/yc.gif" height=22 border=0 alt="Your Comments"></A>


<!--#include virtual="/templates/footer.html"-->
</CENTER>
</BODY>
</HTML>
0
Comment
Question by:hunchback
  • 2
4 Comments
 
LVL 8

Expert Comment

by:jbirk
ID: 1837908
hmm.. everything looks in order.  Could you possibly supply a url, so I could goto it and reproduce the error myself so I can see what is going on?
-Josh
0
 

Accepted Solution

by:
jervis earned 50 total points
ID: 1837909
Remove the following tags from your source code:

<table border="0" cellspacing="0" cellpadding="0">
<TR>
and
<TD border=0>

Either build a real table or do not use table elements at all. Netscape does not render incomplete tables, Internet Explorer does.
Also try to put your imagemap before the actual <img> tag, so the browser has the map handy when it needs it.

Table example:
<table>
<tr>
  <td>1</td>
  <td>2</td>
</tr><tr>
  <td>3</td>
  <td>4</td>
</tr>
</table>

0
 
LVL 8

Expert Comment

by:jbirk
ID: 1837910
Good eye jervis!
-Josh
0
 

Author Comment

by:hunchback
ID: 1837911
yes jervis your right! pagemill didn't give any error on my tags ..IE didn't mind the errors but netscape didn't like it.

thanks for helping
0

Featured Post

Is Your AD Toolbox Looking More Like a Toybox?

Managing Active Directory can get complicated.  Often, the native tools for managing AD are just not up to the task.  The largest Active Directory installations in the world have relied on one tool to manage their day-to-day administration tasks: Hyena. Start your trial today.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article discusses how to create an extensible mechanism for linked drop downs.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question