Skip navigation

Dreamweaver

Currently Being Moderated

Image Map Bug in Dreamweaver CS4

Mar 25, 2009 5:56 AM

I've included a video sample of Dreamweaver's inability to draw polygonal hotspots in Design view on an image map. The image is inside an absolutely positioned div tag. After clicking the first corner, the drawing tool is deactivated. A second click to create the next corner point selects the underlying image.

In this video sample, I'm using Dreamweaver CS4 on a MacBook Pro with a 2.4 GHz Intel processor and OS X 10.5.6. The image is actually a transparent PNG. I'm very careful to click on an opaque area, but that shouldn't make a difference.

The workaround is to open the image in a blank HTML file, create the polygonal hotspots there and then copy and paste the code back into the original HTML page. Adobe should really consider fixing this.

The video can be viewed here:
http://www.youtube.com/watch?v=tRZGUi53PbI

4915 Views 19 Replies Latest reply: EclecticDan, Aug 1, 2012 1:48 PM

Replies

Currently Being Moderated

1. Newsgroup_User,

Mar 25, 2009 6:06 AM in reply to ghorsman

Report

ghorsman wrote:
> I've included a video sample of Dreamweaver's inability to draw polygonal
> hotspots in Design view on an image map. The image is inside an absolutely
> positioned div tag. After clicking the first corner, the drawing tool is
> deactivated. A second click to create the next corner point selects the
> underlying image.
>
> In this video sample, I'm using Dreamweaver CS4 on a MacBook Pro with a 2.4
> GHz Intel processor and OS X 10.5.6. The image is actually a transparent PNG.
> I'm very careful to click on an opaque area, but that shouldn't make a
> difference.
>
> The workaround is to open the image in a blank HTML file, create the polygonal
> hotspots there and then copy and paste the code back into the original HTML
> page. Adobe should really consider fixing this.

Have you told Adobe about it?

Dooza
--
Posting Guidelines
http://www.adobe.com/support/forums/guidelines.html
How To Ask Smart Questions
http://www.catb.org/esr/faqs/smart-questions.html

|
Mark as:
Currently Being Moderated

2. Newsgroup_User,

Mar 25, 2009 6:51 AM in reply to ghorsman

Report

ghorsman wrote:
> I've included a video sample of Dreamweaver's inability to draw polygonal
> hotspots in Design view on an image map. The image is inside an absolutely
> positioned div tag. After clicking the first corner, the drawing tool is
> deactivated. A second click to create the next corner point selects the
> underlying image.

I've watched your video, so I'm not disputing that you have a problem.
However, I have just tested creating a polygon hotspot inside an AP div
in both Windows Vista and Mac OS X, and it worked perfectly in both systems.

I did see a report recently that some people have been experiencing
problems with hotspots, so it seems as though you're not alone. Report
it direct to Adobe using the bug report form at
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform.

--
David Powers
Adobe Community Expert, Dreamweaver
http://foundationphp.com

|
Mark as:
Currently Being Moderated

3. Newsgroup_User,

Mar 25, 2009 7:06 AM in reply to ghorsman

Report

Is this in a template? Historically, DW has had problems with image maps
in templates. Another possibility is to move the graphic out of any
<div> tags it may be within, add the hot spot, and then move it back
into the <div>.

JMS

|
Mark as:
Currently Being Moderated

4. ghorsman,

Mar 25, 2009 7:39 AM in reply to ghorsman

Report

Hi again all.

This issue was originally brought up by myself on the Dreamweaver Help Site:
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WScbb6b82af55445948 22510a94ae8d65-7c13a.html

There, I was asked by a moderator to post this in the Dreamweaver General Discussion area, which is what I've done here. I was also encouraged to fill out a bug report form to the developers, so I think I'll do that too.

But I do appreciate the quick response so far from everybody. I'll proceed as recommended so that this can be sorted out.

|
Mark as:
Currently Being Moderated

5. ghorsman,

Mar 25, 2009 7:42 AM in reply to Newsgroup_User

Report

@JMS

Nope. This is just a plain old HTML page. I did open the image in a separate HTML page and did the hotspots there, so your method may just be a little quicker.

|
Mark as:
Currently Being Moderated

6. Newsgroup_User,

Mar 25, 2009 7:43 AM in reply to ghorsman

Report

> Historically, DW has had problems with image maps in templates.

Not for several releases now, James. In fact, I can't remember when this
went away....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"James Shook" <user@example.net> wrote in message
news:gqddob$md6$1@forums.macromedia.com...
> Is this in a template? Historically, DW has had problems with image maps
> in templates. Another possibility is to move the graphic out of any <div>
> tags it may be within, add the hot spot, and then move it back into the
> <div>.
>
> JMS

|
Mark as:
Currently Being Moderated

7. ghorsman,

Mar 25, 2009 8:22 AM in reply to ghorsman

Report

I've submitted my bug report to Adobe as recommended, so I guess it's just a matter of time before we know whether they'll address the issue.

I appreciate all the input from everybody.

|
Mark as:
Currently Being Moderated

8. Newsgroup_User,

Mar 25, 2009 8:49 AM in reply to ghorsman

Report

Or whether it is an issue. For example, the fact that others are not able
to reproduce the problem doesn't bode well in that regard....

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"ghorsman" <webforumsuser@macromedia.com> wrote in message
news:gqdi8g$ruo$1@forums.macromedia.com...
> I've submitted my bug report to Adobe as recommended, so I guess it's just
> a matter of time before we know whether they'll address the issue.
>
> I appreciate all the input from everybody.

|
Mark as:
Currently Being Moderated

9. Newsgroup_User,

Mar 25, 2009 10:21 AM in reply to ghorsman

Report

Murray *ACE* wrote:
> Or whether it is an issue. For example, the fact that others are not
> able to reproduce the problem doesn't bode well in that regard....

I've just been reading the comments on the CS3 Livedocs about the same
problem. Two things stood out: the problem seems to arise when the image
is inside a div, and several people said the answer was to create the
image map in a new page. Being inside a div should not present a
problem, because all my tests have used an image directly inside a div.

What interested me was that there was no problem creating an image map
in a new page. Dreamweaver uses JavaScript in the background to run a
lot of its functionality. If there are any errors in the underlying
code, or if the code is complex, Dreamweaver can't analyze the page
properly. Another possible cause of problems is insufficient memory. If
you have the minimum RAM, but other programs are running, this is likely
to cause Dreamweaver to fail to function correctly, particularly on
large, complex pages.

So, if Dreamweaver fails to create a hotspot on an existing page, try it
on a new page. If it works in the new page, it sounds as though it's a
problem with the complexity of the page and/or memory. If it fails to
work on the new page, it's back to square one. :(

--
David Powers
Adobe Community Expert, Dreamweaver
http://foundationphp.com

|
Mark as:
Currently Being Moderated

10. ghorsman,

Mar 25, 2009 11:59 AM in reply to ghorsman

Report

I don't believe the page I created was all that complex. There are just 54 lines of HTML code and the file is 4 KB. I always start building my pages using DIVs in code view to make sure things are kept clean. There is an external link to the CSS file and no special scripting at all. So I can't imagine that a complicated HTML page is the culprit in my case.

Clicking and dragging with the rectangular hotspot tool works fine. It's just clicking once on the image to make a corner point that seems to want to select the underlying image and deactivate the polygon tool at the same time.

Also, my computer's fairly able (an Intel Core 2 Duo 2.4 GHz with 2 GB of RAM), so I don't think that's it either.

|
Mark as:
Currently Being Moderated

11. Newsgroup_User,

Mar 25, 2009 12:06 PM in reply to ghorsman

Report

ghorsman wrote:
> I don't believe the page I created was all that complex. There are just 54
> lines of HTML code and the file is 4 KB. I always start building my pages using
> DIVs in code view to make sure things are kept clean.

That shouldn't be a problem, then. Sorry, I have no idea what's happening.

--
David Powers
Adobe Community Expert, Dreamweaver
http://foundationphp.com

|
Mark as:
Currently Being Moderated

12. Newsgroup_User,

Mar 25, 2009 12:16 PM in reply to ghorsman

Report

Good review, David. Thanks for the analysis!

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================

"David Powers" <david@example.com> wrote in message
news:gqdp6t$70c$1@forums.macromedia.com...
> Murray *ACE* wrote:
>> Or whether it is an issue. For example, the fact that others are not
>> able to reproduce the problem doesn't bode well in that regard....
>
> I've just been reading the comments on the CS3 Livedocs about the same
> problem. Two things stood out: the problem seems to arise when the image
> is inside a div, and several people said the answer was to create the
> image map in a new page. Being inside a div should not present a problem,
> because all my tests have used an image directly inside a div.
>
> What interested me was that there was no problem creating an image map in
> a new page. Dreamweaver uses JavaScript in the background to run a lot of
> its functionality. If there are any errors in the underlying code, or if
> the code is complex, Dreamweaver can't analyze the page properly. Another
> possible cause of problems is insufficient memory. If you have the minimum
> RAM, but other programs are running, this is likely to cause Dreamweaver
> to fail to function correctly, particularly on large, complex pages.
>
> So, if Dreamweaver fails to create a hotspot on an existing page, try it
> on a new page. If it works in the new page, it sounds as though it's a
> problem with the complexity of the page and/or memory. If it fails to work
> on the new page, it's back to square one. :(
>
> --
> David Powers
> Adobe Community Expert, Dreamweaver
> http://foundationphp.com

|
Mark as:
Currently Being Moderated

13. JRuoto4,

Jun 17, 2009 4:55 AM in reply to ghorsman

Report

Hello everyone. I ran into this issue too last night and found this post. This morning I tried putting it into a new HTML page all by itself and I still had the same effect. I was not able to draw a Polygon Hotspot. Then I realzed that my image's alignment was set to RIGHT. I changed it to default and magic, the Polygon Tool worked! I even tried that approach on the original page which is all CSS divs and same thing - changed the Alignment to Default - used the Polygon Hotspot Tool - then switched it back to Right Align and all was good. Perhaps this will help you all.
Thank you.

|
Mark as:
Currently Being Moderated

14. ferrett031,

Jul 1, 2009 10:32 AM in reply to ghorsman

Report

I have been having the same problem in CS3 - the accessablility pop-up box appears leaving you with only a dot and two coords. Same problem whether it was within or outside a div or table.

But I found that turning off the accessibility pop-up for images solved the problem - to begin with, only if the image was outside a div. You have to copy the map coords accross, and then if you are lucky it might trigger the thing to start working.

Dont ya just love it - chick-a-boom!

|
Mark as:
Currently Being Moderated

15. David_Powers,

Jul 2, 2009 3:30 AM in reply to ferrett031

Report

I can't remember where I saw it, but the problem with hotspots is caused by using the align attribute in the image that's being used as an image map.

|
Mark as:
Currently Being Moderated

16. inveni0,

Apr 27, 2010 10:14 AM in reply to ghorsman

Report

My problem occurred because I had the image in an absolutely positioned DIV, and the image also had an "align=right" tag. When I removed the "align=right", I could edit without issue.

|
Mark as:
Currently Being Moderated

17. EclecticDan,

Aug 1, 2012 9:07 AM in reply to ghorsman

Report

I know this is probably a dead issue, but I also encountered problems when an image had an inline style, "float:left;" as well.

|
Mark as:
Currently Being Moderated

18. MurraySummers,

Aug 1, 2012 12:24 PM in reply to EclecticDan

Report

I'm not seeing that in CS6. Which DW are you using?

|
Mark as:
Currently Being Moderated

19. EclecticDan,

Aug 1, 2012 1:48 PM in reply to MurraySummers

Report

Sorry. CS4. I thought that was implied considering the thread.

|
Mark as: