Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    someone please help with image map

    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">

    <HTML>
    <HEAD>
    <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}
    </STYLE>
    </HEAD>

    <BODY>
    <MAP name="map1">

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

    <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>
    </DIV>
    </BODY>
    </HTML>

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    Canada
    Posts
    253
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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>
    </MAP>

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

  • #3
    Senior Coder
    Join Date
    Jul 2004
    Location
    New Zealand
    Posts
    1,315
    Thanks
    0
    Thanked 2 Times in 2 Posts
    This seems to work for me
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    	<head>
    		<title>52172</title>
    		<style type="text/css">
    			body
    			{
    				background-color:#fff;
    			}
    			div.c1
    			{
    				color:#eee;
    				font-family:sans-serif;
    				text-align:center;
    			}
    		</style>
    	</head>
    	<body>
    		<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">
    		</map>
    
    		<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>
    	</body>
    </html>

  • #4
    New to the CF scene
    Join Date
    Feb 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    bingo

    that did the trick...thanks so much...


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •