Highlighted

How remove the blue rectangle around the hot spot in Dreamweaver CC?

New Here ,
Nov 12, 2017

Copy link to clipboard

Copied

Hi!

My problem is the next:

I have a map with hot spots above an unique image, but if I preview in Safari 11.0.1 show me the blue rectangle around the hot spot, and in Firefox 56.0.2 don't appears, I want to DON´T APPEARS IN SAFARI TOO.

How remove this rectangle? I very tired...help me please. This is my html:

Screen Shot 2017-11-12 at 7.57.01 AM.png

Appears this in Safari, I DON´T WANT SHOW IT THE RECTANGLE.

Screen Shot 2017-11-12 at 7.52.18 AM.png

Appears this in Firefox, LIKE I WANT.

Screen Shot 2017-11-12 at 7.58.52 AM.png

So thanks for the answer!

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Image Maps for navigation are an old school approach that's not used much by modern developers.  The outline  you see in Safari is there for usability reasons to show people which link is active. 

You can try adding this to your CSS and giving your map an ID.

#imagemap area {

outline:none;

}

Nancy

TOPICS
Create menus in Dreamweaver, Create Slideshows in Dreamweaver, Dreamweaver CC 2014, Dreamweaver | Mac OS issues, Learn Dreamweaver

Views

1.1K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How remove the blue rectangle around the hot spot in Dreamweaver CC?

New Here ,
Nov 12, 2017

Copy link to clipboard

Copied

Hi!

My problem is the next:

I have a map with hot spots above an unique image, but if I preview in Safari 11.0.1 show me the blue rectangle around the hot spot, and in Firefox 56.0.2 don't appears, I want to DON´T APPEARS IN SAFARI TOO.

How remove this rectangle? I very tired...help me please. This is my html:

Screen Shot 2017-11-12 at 7.57.01 AM.png

Appears this in Safari, I DON´T WANT SHOW IT THE RECTANGLE.

Screen Shot 2017-11-12 at 7.52.18 AM.png

Appears this in Firefox, LIKE I WANT.

Screen Shot 2017-11-12 at 7.58.52 AM.png

So thanks for the answer!

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional

Image Maps for navigation are an old school approach that's not used much by modern developers.  The outline  you see in Safari is there for usability reasons to show people which link is active. 

You can try adding this to your CSS and giving your map an ID.

#imagemap area {

outline:none;

}

Nancy

TOPICS
Create menus in Dreamweaver, Create Slideshows in Dreamweaver, Dreamweaver CC 2014, Dreamweaver | Mac OS issues, Learn Dreamweaver

Views

1.1K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Nov 12, 2017 0
Adobe Community Professional ,
Nov 12, 2017

Copy link to clipboard

Copied

Image Maps for navigation are an old school approach that's not used much by modern developers.  The outline  you see in Safari is there for usability reasons to show people which link is active. 

You can try adding this to your CSS and giving your map an ID.

#imagemap area {

outline:none;

}

Nancy

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 12, 2017 2
New Here ,
Nov 14, 2017

Copy link to clipboard

Copied

So thanks Nancy, you are right, is the old school used the image map.
Is correct your answer!
Thank you so much!!!

Victoria.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 14, 2017 0