Image map not working in FireFox

[chrisoftoday]

Hi,

For some reason my image map isn't working in firefox. It works fine
in IE 7 and I can't spot any differences between the code for this and
previous sites where I've successfully used image maps. My HTML is:

<img src="gfx/menu.jpg" alt="Navigation Menu" usemap="#menu"
style="margin-left: 35px; border: 0;"/>

<map id="menu">
<area shape="rect" href="Default.aspx" coords="5,4,51,16"
alt="Home" />
<area shape="rect" href="Shows.aspx" coords="54,4,106,16"
alt="Shows" />
<area shape="rect" href="About.aspx" coords="110,4,155,17"
alt="About AloneInACrowd.co.uk" />
<!--<area shape="rect" href="http://www.freeboards.net/
aloneinacrowd" coords="159,4,210,17" alt="Messageboard" />-->
<!--<area shape="rect" href="Links.aspx" coords="213,4,256,16"
alt="Resources" />-->
</map>

Can anyone spot anything that's wrong? The website is http://www.aloneinacrowd.co.uk
if you want to test it yourself.

Thanks.

 

[BootNic]

news: (e-mail address removed)
Hi,

For some reason my image map isn't working in firefox.
[snip]

<map id="menu">

required attribute "NAME" not specified

[snip]

--
BootNic Wednesday, June 13, 2007 1:08 PM

The more you find out about the world, the more opportunities there
are to laugh at it.
*Bill Nye*

 

[dorayme]

Hi,

For some reason my image map isn't working in firefox. It works fine
in IE 7 and I can't spot any differences between the code for this and
previous sites where I've successfully used image maps. My HTML is:


<map id="menu">
<area shape="rect" href="Default.aspx" coords="5,4,51,16"
alt="Home" />

Can anyone spot anything that's wrong? The website is
http://www.aloneinacrowd.co.uk
if you want to test it yourself.

Where is <map id="menu"> in this url?

 

[John Hosking]

It works for me, but then, I'm testing here with FF 1.0.7. What isn't it
doing properly?

Of course, "works" is a relative term, since I can only barely make out
the word [Home] or the other "nav links" in the graphic. Also, [Forum]
and [Links] have no links in the source, so no linkee on the page.

"Successfully" may also be subjective. OP: Your query begs the question
of why you're using an image map for nav (or at all) in the first place.
What if that one image doesn't load? (Hint: no navigation) What if the
user can't read the text in your graphic? They can't resize it. You've
provided no alt texts.

The text is way too small in general anyway; 9px (xx-small), even in
Verdana, is too teensy for humans.

If a BG color is specified, a FG color should be, too. I get my current
default dark gray text on the site's lighter gray BG.

on the site at the URL.

Heh.

In addition to the above remarks, the XHTML isn't valid, the site
requires a 700px viewport, and there's way too much reliance on JS.

Where is <map id="menu"> in this url?

Well (finally something actually intended for dorayme), there's a <map
name="menu" id="menu"> down around 80% into the markup.

 

[dorayme]

Well (finally something actually intended for dorayme), there's a <map
name="menu" id="menu"> down around 80% into the markup.

Yes, after seeing the early part of the source, like:

m1vdXNlb3Zlcj0ncm93TW91c2VPdmVyKHRoaXMuaWQpJyBvbm1vdXNlb3V0PSdyb3d
Nb3VzZU91dCh0aGlzLmlkKScgb25jbGljaz0nc2hvd1NlbGVjdGVkQnlJZCgiOWNkY
ThmYzAtZGE3Zi00NmJkLTlmYTMtNzY3ZDdiNDgxZjY1IiknPjx0ZD4xOC8wNi8yMDA
3PC90ZD48dGQgd2lkdGg9JzEwJz48L3RkPjx0ZD5USEUgV09OREVSIFlFQVJTPGJyI
... [huge slabs]

I then must have mistyped in the find box and given up.

I was a bit of a fan of image maps once, have not made one for
ages though...

 

[Jukka K. Korpela]

Scripsit (e-mail address removed):

For some reason my image map isn't working in firefox.

It's an intelligent browser that is trying tell you not to use image maps
pointlessly.

<img src="gfx/menu.jpg" alt="Navigation Menu" usemap="#menu"
style="margin-left: 35px; border: 0;"/>

That's a bad idea. Messing up something as simple as a list of links that
way is worse than pointless. It has poor accessibility to begin with, and it
makes your page look like one created in the 1990s when everyone and his dog
puked on their web pages that way.