Safari support for image maps

[JohnK]

Hi. I've got the following image map code that works fine for Firefox and IE but not for Safari. Does Safari have no support for image mapping or is there some other way of doing it that I need to consider?

<img src="/68-MYP/oxf-theme/images/1designCycle-en.png" alt="design cycle" usemap="#Map">
<map name="Map">
<area shape="rect" coords="59,145,131,175" href="16">
<area shape="rect" coords="143,103,173,136" href="15">
<area shape="rect" coords="60,18,133,46" href="13">
<area shape="rect" coords="140,57,176,89" href="14">
<area shape="rect" coords="10,82,72,107" href="17">
</map>
</img>

Thanks in advance for any help.

John

[DavidLeeRoth]

Hi, I have a same kind of problem . Only after a "refresh" the page, linked to via an image map, is displayed...

Did you find any solution yet?

Kind regards,
David

[djr33]

If the code is correct, then the map will work just fine in safari. That's my main browser on my mac, and it works fine with image maps as far as I can tell, and at least with the several that I have on my site.

Please link to your pages so we can take a look at the code.

As for the code posted above, there is no close tag "</img>"... just remove that, and see if it works. The rest seems to be fine... but if that doesn't work, we can take a closer look.

[DavidLeeRoth]

Maybe it has to do with php? In between a friend of mine tested it on an Apple and he sometimes also had a white screen after selection of one of the "top" buttons. After "refresh" it appeared.
Here is a testlink of the site: http://www.d-liteweb.nl/test/
On page "voorwaarden" is a button "volgende". Also on page "collectie" are buttons "volgende" and "vorige"... (next and previous)... They only seem to display the next page after refresh. So: select button = white screen, select refresh = page displayed...

Hope you can help me...

Kind regards,
David

PS: On FF and IE it works fine...

[jscheuer1]

Hi. I've got the following image map code that works fine for Firefox and IE but not for Safari. Does Safari have no support for image mapping or is there some other way of doing it that I need to consider?

<img src="/68-MYP/oxf-theme/images/1designCycle-en.png" alt="design cycle" usemap="#Map">
<map name="Map">
<area shape="rect" coords="59,145,131,175" href="16">
<area shape="rect" coords="143,103,173,136" href="15">
<area shape="rect" coords="60,18,133,46" href="13">
<area shape="rect" coords="140,57,176,89" href="14">
<area shape="rect" coords="10,82,72,107" href="17">
</map>
</img>

Thanks in advance for any help.

John

That's not such a hot idea for an href, try using just lower case letters and make sure it refers to a real page.

[DavidLeeRoth]

Hi John,

Do you have also a good idea for me?

Thanks in advance,
David

[jscheuer1]

I have no Mac to test on but, you really shouldn't need an image map for that layout. Your layout should be more text based, then simple linked text or linked images would suffice. In my browser the pages are blank to begin with, until the browser loads that big image - no refresh is needed (only patience). Once the image is cached, the page loads right away.

[DavidLeeRoth]

Yes, you're right about the "big" image, however that's what my client really wanted. It's also the first time I did it like that since the other pages also contain a lot of photoos... And to be honest with adsl it still loads quite fast. But that doesn't solve the image-map/ php problem (also on the "collectie" pages).
Of course thanks for your help.

Maybe Mr. djr33 could have a look on it on his Mac?

[djr33]

My mac is currently sitting upside-down in the corner.

I will check when I get it setup again.

(The quarter just ended, so I'm home... I'll be setting it up soon.)

[DavidLeeRoth]

Ok thanks djr33, your my Christmas (ok... end-of-the-year ) hope...