View Full Version : someone please help with image map

02-11-2005, 07:37 PM
Hi, im using an image map for my site and everything works fine in internet explorer, but when the page is loaded in firefox (my favorite browser) only the first image map works.. i have posted the source below. im pulling my hair out here..any ideas on why it wont recognize any of the maps after the first one?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<META name="generator" content="">
<TITLE>You Are Home</TITLE>
<META http-equiv="content-type" content="text/html;charset=iso-8859-1">
<META name="generator" content="Adobe GoLive">

<TITLE>Untitled Page</TITLE>
<STYLE type="text/css">
body {
background-color: #ffffff;
div.c1 {color: #EEEEEE; font-family: Helvetica, Arial, sans-serif; text-align: center}

<MAP name="map1">

<AREA shape="rect" coords="146,176,178,193" href=
<AREA shape="default" nohref>
<AREA shape="rect" coords="96,315,152,337" href=
<AREA shape="default" nohref>
<AREA shape="rect" coords="329,117,444,288" href=
<AREA shape="default" nohref>
<AREA shape="rect" coords="122,9,337,113" href=
<AREA shape="default" nohref>
<AREA shape="rect" coords="82,236,117,275" href=
<AREA shape="default" nohref>

<P><center><IMG src="img/content/dustinsmall.jpg" usemap="#map1" alt=""
border="0" csnew="csnew"></P>

<DIV class="c1">
copyright 2005 Dustin Stamper <A href=
"http://www.dustinstamper.com/legal.html">legal stuff</A></center>

02-11-2005, 08:58 PM
perhaps fix up your coding a bit?

<MAP name="map1">
<AREA shape="rect" coords="146,176,178,193" href="http://www.dustinstamper.com/eye.html">
<AREA shape="rect" coords="96,315,152,337" href="http://dustinstamper.com/mouth.html">
<AREA shape="rect" coords="329,117,444,288" href="http://www.dustinstamper.com/ear.html">
<AREA shape="rect" coords="122,9,337,113" href="http://www.dustinstamper.com/mind.html">
<AREA shape="rect" coords="82,236,117,275" href="http://www.dustinstamper.com/nose.html">
<AREA shape="default" nohref>

you had a bunch of defaults in there, although i wouldnt imagine that being a problem as such, just re-doing the done.

02-11-2005, 09:26 PM
This seems to work for me
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<style type="text/css">
<map name="map">
<area shape="rect" coords="146,176,178,193" href="/eye.html">
<area shape="rect" coords="96,315,152,337" href="/mouth.html">
<area shape="rect" coords="329,117,444,288" href="/ear.html">
<area shape="rect" coords="122,9,337,113" href="/mind.html">
<area shape="rect" coords="82,236,117,275" href="/nose.html">

<img src="/images/1.jpeg" width="800px" usemap="#map" alt="">

<div class="c1">copyright 2005 Dustin Stamper <a href="/legal.html">legal stuff</a></div>

02-11-2005, 09:33 PM
that did the trick...thanks so much...