6 Replies - 59289 Views - Last Post: 28 October 2005 - 08:17 PM

#1 Arbitrator  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 51
  • View blog
  • Posts: 530
  • Joined: 26-January 05

Image Map in Internet Explorer Problem

Posted 28 October 2005 - 01:07 PM

I'm using the below image map but it's not working in Internet Explorer 6.0 SP2 as this page says it should. It works fine in Firefox 1.7 though. Any ideas why this might be?

<map name="signature">
<area shape="rect" coords="190,10 319,22" title="Just Some Guy (JSG)"/>
<area shape="rect" coords="47,51 220,82" title="&#19981;&#24605;&#35696;&#12394;&#30007; :: fushigi na otoko :: mysterious guy"/>
<area shape="rect" coords="30,111 241,207" title="Which Naruto character are you?" target="_blank" href="http://www.naruto-kun.com/character+test.html"/>
</map>

<img height="250" width="500" border="0" usemap="signature" alt="JSG Signature Image" title="JSG Signature Image" src="JSG Signature 001B.png"/>

The Image:
Posted Image

Note: The HTML character entities refer to Japanese characters.

Is This A Good Question/Topic? 0
  • +

Replies To: Image Map in Internet Explorer Problem

#2 supersloth  Icon User is offline

  • serial frotteur - RUDEST MEMBER ON D.I.C.
  • member icon


Reputation: 4503
  • View blog
  • Posts: 28,411
  • Joined: 21-March 01

Re: Image Map in Internet Explorer Problem

Posted 28 October 2005 - 02:34 PM

do you have a link to the page your using it on?
Was This Post Helpful? 0
  • +
  • -

#3 Arbitrator  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 51
  • View blog
  • Posts: 530
  • Joined: 26-January 05

Re: Image Map in Internet Explorer Problem

Posted 28 October 2005 - 02:48 PM

I don't since I was viewing the image locally from my hard drive. I've modified the code slighty: copy the below into Notepad, name the file "page.html," and you'll have a working example. The Japanese <title> characters might appear as gibberish though if you don't have the language installed.

<map name="signature">
<area shape="rect" coords="190,10 319,22" title="Just Some Guy (JSG)"/>
<area shape="rect" coords="47,51 220,82" title="不思議な男 :: fushigi na otoko :: mysterious guy"/>
<area shape="rect" coords="30,111 241,207" title="Which Naruto character are you?" target="_blank" href="http://www.naruto-kun.com/character+test.html"/>
</map>

<img height="250" width="500" border="0" usemap="signature" alt="JSG Signature Image" title="JSG Signature Image" src="http://i10.photobucket.com/albums/a117/PLGaries/JSGSignature001B.png"/>

Was This Post Helpful? 0
  • +
  • -

#4 supersloth  Icon User is offline

  • serial frotteur - RUDEST MEMBER ON D.I.C.
  • member icon


Reputation: 4503
  • View blog
  • Posts: 28,411
  • Joined: 21-March 01

Re: Image Map in Internet Explorer Problem

Posted 28 October 2005 - 03:07 PM

hrm, i just noticed this but your image is a png. IE does not fully support PNG, does it work if you try it as a jpg?
Was This Post Helpful? 0
  • +
  • -

#13 Arbitrator  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 51
  • View blog
  • Posts: 530
  • Joined: 26-January 05

Re: Image Map in Internet Explorer Problem

Posted 28 October 2005 - 07:28 PM

Internet Explorer has no compatibility problems with PNG. I should have mentioned that I'd already done an image format test with the image maps prior to posting here.

It seems I've found the problem though. Internet Explorer requires that a hash character precede the image map name in the usemap attribute. In this case <img usemap="#signature"/>. Seems like one of those trivial things like the underscore character in <a target="_blank"></a>. In addition, I find another browser inconsistency: in the case of image map <area> tags, Internet Explorer places priority on alt attributes over title attributes for mouseover tooltips; the opposite of what it does for images. And while the image map works in Firefox without the preceding hash character, Firefox ignores all alt (but not title) tags without it.

Coding is such a pain sometimes, heh.
Was This Post Helpful? 1

#14 Amadeus  Icon User is offline

  • g+ + -o drink whiskey.cpp
  • member icon

Reputation: 248
  • View blog
  • Posts: 13,507
  • Joined: 12-July 02

Re: Image Map in Internet Explorer Problem

Posted 28 October 2005 - 07:44 PM

Arbitrator, on Oct 28 2005, 10:25 PM, said:

Internet Explorer has no compatibility problems with PNG.

That's a bit of a broad statement...IE versions before 6 have several compatability problems with the png format. Even the 5.5 release only supported transparent layers by way of a fairly shoddily coded filter setup.
Was This Post Helpful? 0
  • +
  • -

#15 Arbitrator  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 51
  • View blog
  • Posts: 530
  • Joined: 26-January 05

Re: Image Map in Internet Explorer Problem

Posted 28 October 2005 - 08:17 PM

Heh, looks like I should have rephrased that since I was speaking as it pertains to image maps (though I didn't account for version issues). That would explain why I was never able to get PNG transparency to work though. (I tried it as an alternative to GIF before Firefox was first released and always got a gray background so I went back to GIF.) I checked out this webpage for more information on that and found that the PNG transparency problem occurs on the latest version of Internet Explorer 6.0 too.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1