Highlighted

Map field?

Explorer ,
Jul 12, 2020

Copy link to clipboard

Copied

I've never done an imagemap in Dreamweaver (did heaps of them in GoLive)

I'm using this document 

https://helpx.adobe.com/dreamweaver/using/image-maps.html

It says that when I select the image and expand properties I should get a map field but this is what my properties look like when I select the image. Where is this map field that the tutorial speaks of?

 

properties.jpg

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

For Image Maps, switch the Document Toolbar to Design from Live View.

 

Incidentally, old fashioned image maps are not responsive.  Use another approach.

 

Views

66

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

Map field?

Explorer ,
Jul 12, 2020

Copy link to clipboard

Copied

I've never done an imagemap in Dreamweaver (did heaps of them in GoLive)

I'm using this document 

https://helpx.adobe.com/dreamweaver/using/image-maps.html

It says that when I select the image and expand properties I should get a map field but this is what my properties look like when I select the image. Where is this map field that the tutorial speaks of?

 

properties.jpg

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

For Image Maps, switch the Document Toolbar to Design from Live View.

 

Incidentally, old fashioned image maps are not responsive.  Use another approach.

 

Views

67

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
Jul 12, 2020 0
Explorer ,
Jul 12, 2020

Copy link to clipboard

Copied

After messing about I found I got the map field up by toggling from Split to Code view. I then went back to split (after all, I've got to see the image to draw hotspots) the map field stayed up after I went back to Split view but none of the tools work. If I click on the "rectangle hotspot tool" and then go to my image and click, the map field and tools disappear! The image is a jpg and yes, I have given the image a name in the map field. Is this a bug or am I doing something wrong?

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...
Jul 12, 2020 0
Adobe Community Professional ,
Jul 12, 2020

Copy link to clipboard

Copied

For Image Maps, switch the Document Toolbar to Design from Live View.

 

Incidentally, old fashioned image maps are not responsive.  Use another approach.

 

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...
Jul 12, 2020 0
Explorer ,
Jul 12, 2020

Copy link to clipboard

Copied

Thanks for that Nancy, that certainly fixed the problem. It would have been nice if Adobe included this essential info in their tutorial!

 

Is there a way to get rid of the blue bounding box on the image in the browser after its been clicked?

 

What is the modern way of doing an image map?

 

Thanks again

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...
Jul 12, 2020 0
Adobe Community Professional ,
Jul 12, 2020

Copy link to clipboard

Copied

1. Owing to the rapid release cycle these days, many tutorials are outdated.  Just remember, Live view cannot do everything.  If something doesn't work, switch to Design.

 

2. The blue outline is for web accessibility.  You can remove it with CSS.

 

#Map area, img[usemap], map area {outline: none;}

 

3. Use SVG code instead of HTML.

 

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...
Jul 12, 2020 0