Highlighted

Can't Select Image Inside DIV in Design View

Community Beginner ,
Nov 11, 2019

Copy link to clipboard

Copied

I need to create an image map on an image inside a DIV, but when I go into Design View, where I have to be, every effort I make to select the image so I can draw the map, the DIV selects instead.  Tried everything, can't get beyond the DIV.

 

How would I do that?

 

If I could also find out how to disable that Code Navigator aggravation, that would also help.

 

Thanks.

TOPICS
How to

Views

143

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

Can't Select Image Inside DIV in Design View

Community Beginner ,
Nov 11, 2019

Copy link to clipboard

Copied

I need to create an image map on an image inside a DIV, but when I go into Design View, where I have to be, every effort I make to select the image so I can draw the map, the DIV selects instead.  Tried everything, can't get beyond the DIV.

 

How would I do that?

 

If I could also find out how to disable that Code Navigator aggravation, that would also help.

 

Thanks.

TOPICS
How to

Views

144

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 11, 2019 0
Adobe Community Professional ,
Nov 11, 2019

Copy link to clipboard

Copied

Is the image an actual <img> tag in your <div>, or is it maybe a background-image in the css of the <div>?

Could you share a link to your work so far?

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 11, 2019 0
Adobe Community Professional ,
Nov 11, 2019

Copy link to clipboard

Copied

Without seeing your code, I can only speculate that you may have an element overlapping which is preventing you from clicking in design view.  If you need to select something otherwise you can click within the code view on the image or in the DOM window (Window-->DOM). 

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 11, 2019 0
Adobe Community Professional ,
Nov 11, 2019

Copy link to clipboard

Copied

Which version of DW?

Can we see your code (all of it) to assess what's going on?  The best way is with a link to your online page. 

 

That said, you realize that old style image maps are not responsive on mobile and tablet devices, right?  These days, none of us can afford to alienate mobile users because they are the majority of web users.  Desktop & laptop usage is inching downward every year. 

 

In case you're interested, below is a  responsive SVG image map I posted on JS Fiddle. 

https://jsfiddle.net/NancyO/6k3v4ge1/13/

 

 

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 11, 2019 1