Skip navigation
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
 
Replies
  • Currently Being Moderated
    Mar 25, 2009 6:06 AM   in reply to ghorsman
    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
    Mar 25, 2009 6:51 AM   in reply to ghorsman
    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
    Mar 25, 2009 7:06 AM   in reply to ghorsman
    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
    Mar 25, 2009 7:43 AM   in reply to ghorsman
    > 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
    Mar 25, 2009 8:49 AM   in reply to ghorsman
    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
    Mar 25, 2009 10:21 AM   in reply to ghorsman
    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
    Mar 25, 2009 12:06 PM   in reply to ghorsman
    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
    Mar 25, 2009 12:16 PM   in reply to ghorsman
    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
    Jun 17, 2009 4:55 AM   in reply to ghorsman

    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
    Jul 1, 2009 10:32 AM   in reply to ghorsman

    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
    Jul 2, 2009 3:30 AM   in reply to ferrett031

    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
    Apr 27, 2010 10:14 AM   in reply to ghorsman

    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
    Aug 1, 2012 9:07 AM   in reply to ghorsman

    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
    Aug 1, 2012 12:24 PM   in reply to EclecticDan

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

     
    |
    Mark as:
  • Currently Being Moderated
    Aug 1, 2012 1:48 PM   in reply to MurraySummers

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

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points