Adobe Community: remove the dotted line in the image map

Currently Being Moderated

1. Newsgroup_User,

Jul 6, 2006 2:04 AM in reply to yeung1073

Report

Got a URL to your site so we can see the image map?

--
Regards

John Waller

|

Mark as:

Currently Being Moderated

2. yeung1073,

Jul 6, 2006 7:41 PM in reply to Newsgroup_User

Report

such as this page http://www.w3schools.com/tags/tag_map.asp (if can't see the line u can change the background color into transparency)
i find that it will appear a dotted line when i click to the map using firefox, do any one know how to remove the dotted link by using javascript of using css

thx a lot !!!!!!

|

Mark as:

Currently Being Moderated

3. Newsgroup_User,

Jul 7, 2006 5:53 AM in reply to Newsgroup_User

Report

As far as I know there is nothing you can do to remove the dotted line
in Firefox. It can be done in IE with a simple script:

<a href [...stuff...] onFocus="if(this.blur)this.blur()">

Many advise against this for accessibility/usability reasons.

--
James M. Shook
http://www.jshook.com

|

Mark as:

Currently Being Moderated

4. Newsgroup_User,

Jul 7, 2006 8:53 AM in reply to Newsgroup_User

Report

On Fri, 07 Jul 2006 08:53:26 -0400, James Shook <jshook@dont_mail.com>
wrote:

>As far as I know there is nothing you can do to remove the dotted line
>in Firefox. It can be done in IE with a simple script:
>
><a href [...stuff...] onFocus="if(this.blur)this.blur()">
>
>Many advise against this for accessibility/usability reasons.

Doing it onFocus is really bad for accessibility reasons. It's less
intrusive if you do it onClick. That way, a user using the keyboard for
navigation can still tab to the link and it will work in FF as well.

Gary

|

Mark as:

Currently Being Moderated

5. yeung1073,

Jul 9, 2006 10:03 AM in reply to Newsgroup_User

Report

if not using javascript can i remove the dotted line by setting the css of that page so that make it invisible ??
if not .........is it have other ways to make the same effect like image map??
thx a lot!!!!!!!!

|

Mark as:

Currently Being Moderated

6. Newsgroup_User,

Jul 9, 2006 10:45 AM in reply to Newsgroup_User

Report

On Sun, 9 Jul 2006 17:03:31 +0000 (UTC), "yeung1073"
<webforumsuser@macromedia.com> wrote:

>if not using javascript can i remove the dotted line by setting the css of that
>page so that make it invisible ??

No.

> if not .........is it have other ways to make the same effect like image map??
> thx a lot!!!!!!!!

You could slice it into individual images if the map is comprised of
rectangular sections, but you'd still have the same issue.

Gary

|

Mark as:

Currently Being Moderated

7. yeung1073,

Jul 10, 2006 8:28 PM in reply to yeung1073

Report

i have find a way to solve the problem of the dotted line in the image map
e.g. <map name="123" >
<area style="cursor: hand" shape="circle" coords="223,261,76" onClick="checkit('m_strategic/m_strategic.cfm')"></map>

the checkit() method is just to redirect the page into other page only.
however another problem is face, the cursor will not change to hand when i point to the image map, i have try adding onMouseMove="this.style.cursor=hand" on the <area> tag however it don;t work, it only work when i put into the <img> tag. can any one tell me how to change the mouse cursor in this situtation??

thx a lot

|

Mark as:

Currently Being Moderated

8. farddagay,

Apr 21, 2012 4:59 AM in reply to yeung1073

Report

This is the solution:

onclick="blur()" onfocus="navigator.appName == 'Microsoft Internet Explorer' ? blur() : null"

|

Mark as:

Dreamweaver

remove the dotted line in the image map

Jul 5, 2006 11:43 PM

More Like This

Bookmarked By (0)

Answers + Points = Status