new user – need help with image map

WP
Posted By
Wendy_Porter
Jun 25, 2004
Views
286
Replies
5
Status
Closed
hey everyone,

I am new to Photoshop and I am trying to finish a website that somebody else started… I created Image Maps for the website menu but on html when you click them it shows a gray box around the area you clicked. Please, how do I get rid of the line around it? I want to keep the image maps but I don’t want to show lines when you mouseover or click.

Thanks a lot !

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

RC
Ray_Champagne
Jun 25, 2004
URL so we can see it?

Ray
WP
Wendy_Porter
Jun 25, 2004
It’s on our intranet right now. It’s going to be posted on the web after it’s finished. Do you understand my question? I’ve been stuck on this problem for a couple of hours :o(
I just want to have image maps with no line around it when I click on the browser.

Thanks !
L
LenHewitt
Jun 25, 2004
Wendy,

It’s an IE thing.

It is possible to suppress but it’s not easy! Nor is it necessarily advisable. It is an aid to Accessibility.

You should be aware that removing this outline can cause problems for some people in terms of accessibility – it enables tabbing from one area to another.

To disable it means hand coding a little JavaScript to add onFocus="blur()" to each and every:

<area shape="poly" coords="xx,xxx,xx,xxx,xxx,xx" href="your_url.html">

as in:

<area shape="poly" coords="xx,xxx,xx,xxx,xxx,xx" href="your_url.html"
onFocus="blur()" >
RC
Ray_Champagne
Jun 25, 2004
If I have you right, I think you mean that little outline over the part of the map that you have selected. You can add in a javascript onFocus to fix that.

Here are a couple of samples that I whipped up:

<http://analyticslab.com/test-adobeforum-broken.html>

and

<http://analyticslab.com/test-adobeforum-fixed.html>

If you need the code, do a ‘view source’.

HTH,

Ray
WP
Wendy_Porter
Jun 25, 2004
You guys rock ! the onFocus="blur()" thing works !!!

thanks a bunch !

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

Related Discussion Topics

Nice and short text about related topics in discussion sections