-
1. Re: Hotspot Tool isn't working!!!
hans-g. Mar 25, 2014 1:57 AM (in response to alphoto123)Hello,
my way is (all comands tranlated from my German DW):
1. Insert an image
2. Click into the image
3. Menu for the hotspot tools opens (see screenshot, where I used "Polygon")
4. Click into the image (see screenshot) > Give an "alt" for your image, if you want.
5. Make your wished figure:
6. And in your code you will see something like:
<p><img src="../images/grafik07-300.jpg" alt="" width="300" height="225" usemap="#Map"/>
<map name="Map">
<area shape="poly" coords="125,123,115,86,151,34,209,76,237,135,219,179,153,185,91,176,56,140" href="#" alt="It's a test!">
</map>
</p>
Good luck!
Hans-Günter
-
2. Re: Hotspot Tool isn't working!!!
Jon Fritz II Mar 25, 2014 6:13 AM (in response to alphoto123)If you are following Hans' advice above and the controls simply won't work, try clearing the program cache: http://forums.adobe.com/thread/494811
If that doesn't bring them back, try restoring preferences: http://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver-cs4-cs5.html
If neithere work, a reinstallation following the process at this page aught to do the trick: http://helpx.adobe.com/creative-suite/kb/cs5-cleaner-tool-installation-problems.html
-
3. Re: Hotspot Tool isn't working!!!
Nancy O. Mar 25, 2014 11:59 AM (in response to alphoto123)Image maps won't work when they are placed inside an APDiv. Solution: don't use APDivs.
Nancy O.
-
4. Re: Hotspot Tool isn't working!!!
alphoto123 Mar 25, 2014 12:13 PM (in response to Nancy O.)Hi Nancy,
I was able to do it before, but I can't get it to work again. here's the code I have when I insert my image:
<img src="images/automotive_1.jpg" width="860" height="571" />
My image is in a div, I have been able to do it, but I can't remember how I did it before.
I type in the Map section just after the size on the code and I am still unable to create a Hotspot
-
5. Re: Hotspot Tool isn't working!!!
hans-g. Mar 25, 2014 12:15 PM (in response to alphoto123)Hi,
please send us a link to your website in question - no matter how it looks like - so we can better analyze.
Hans-Günter
-
6. Re: Hotspot Tool isn't working!!!
Nancy O. Mar 25, 2014 12:39 PM (in response to alphoto123)Copy & paste this code into a new, blank page. Save as mapTest.html.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
#divName {width:860px; height: 571px}
</style>
</head>
<body>
<div id="divName">
<img src="images/automotive_1.jpg" alt="map1" width="860" height="571" usemap="#map1" />
</div>
</body>
</html>
If Live View is on, turn it off.
Now do you see the hotspot tools in the properties panel?
Nancy O.
-
7. Re: Hotspot Tool isn't working!!!
alphoto123 Mar 25, 2014 1:50 PM (in response to hans-g.)Well the website is fine, I was able to do it before, but now I can't remember how I did it before.
www.alexislezinphotography.com
-
8. Re: Hotspot Tool isn't working!!!
alphoto123 Mar 25, 2014 1:51 PM (in response to Nancy O.)Its not that I have trouble seeing the hotspot, its that its not staying selected when I click on it.
But I will go ahead and try it really quick.
-
9. Re: Hotspot Tool isn't working!!!
Nancy O. Mar 25, 2014 2:37 PM (in response to alphoto123)As I said in my first reply, image maps don't work in APDivs. Your site layout is using them liberally which is a common newbie mistake. Absolute positioning may seem like a good idea but is in fact a very poor approach because it removes content from the normal document flow.
http://css-tricks.com/css-beginner-mistakes-1/
The solution to your immediate problem with hotspots is don't use positioning. Learn to use default CSS positioning (which is none) along with floats, margins and padding.
Nancy O.
-
10. Re: Hotspot Tool isn't working!!!
alphoto123 Mar 25, 2014 3:23 PM (in response to Nancy O.)Okay so I have created a new document and saved it as maptest.html, so now what do I do?
-
11. Re: Hotspot Tool isn't working!!!
Nancy O. Mar 25, 2014 5:10 PM (in response to alphoto123)Insert image. Click on image. Use hotspot tools in the Properties Penal to draw regions around select areas. Use the Link field in the Properties Panel to specify the URL or Browse to desired link. Repeat for other hotspots.
Nancy O.
-
12. Re: Hotspot Tool isn't working!!!
alphoto123 Mar 25, 2014 5:24 PM (in response to Nancy O.)Okay wait so I created the new document, but do I just apply the code into the div under the indexcss? That's where I get stuck. maybe screen grab it for me?
Please and thank you.
Sincerely,
Alexis
-
13. Re: Hotspot Tool isn't working!!!
Nancy O. Mar 25, 2014 5:28 PM (in response to alphoto123)See this Help article:
http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7c15a.h tml
Nancy O.
-
14. Re: Hotspot Tool isn't working!!!
hans-g. Mar 26, 2014 3:38 AM (in response to alphoto123)Hi Alexis,
where do I find this "maptest.html". I didn't succeed by calling http://www.alexislezinphotography.com/maptest.html.
Hans-Günter
-
15. Re: Hotspot Tool isn't working!!!
alphoto123 Mar 26, 2014 1:19 PM (in response to hans-g.)Because I didn't save it to my public html. Was I supposed to?
-
16. Re: Hotspot Tool isn't working!!!
hans-g. Mar 26, 2014 1:24 PM (in response to alphoto123)Yes please.
-
17. Re: Hotspot Tool isn't working!!!
alphoto123 Mar 26, 2014 1:25 PM (in response to hans-g.)Oh okay. I'm at work right now, so I don't have my laptop with me. I get
off at 9pm sorry.
-
18. Re: Hotspot Tool isn't working!!!
hans-g. Mar 26, 2014 1:29 PM (in response to alphoto123)Hi Alexis,
yes that's ok, it's bedtime here too, so we see/hear us tomorrow.
Hans-Günter
-
19. Re: Hotspot Tool isn't working!!!
alphoto123 Mar 26, 2014 1:32 PM (in response to hans-g.)You got it. The even funnier thing is that I get it to work and then when I
go to create a new file again I can't remember what I did lol.
-
20. Re: Hotspot Tool isn't working!!!
hans-g. Mar 28, 2014 2:57 AM (in response to alphoto123)Hi Al,
"I can't remember what I did" BUT now one of the best DW partila cookbooks are at your's disposal!
Hans-Günter
P.S.
If your website: Menu color change from black to white with intent?
-
21. Re: Hotspot Tool isn't working!!!
MurraySummers Mar 28, 2014 5:31 AM (in response to Nancy O.)As I said in my first reply, image maps don't work in APDivs.
Nancy, I'd be interested in seeing your references for this. I can put an image map on an image in an AP container. In fact even if it's the image that is absolutely positioned, there is no problem.
-
-
23. Re: Hotspot Tool isn't working!!!
MurraySummers Mar 28, 2014 10:01 AM (in response to Nancy O.)I'm seeing it fixed in CS6. But that thread only applied to polygonal hotspots, not to rectangular ones or circular ones.
-
24. Re: Hotspot Tool isn't working!!!
Nancy O. Mar 28, 2014 12:24 PM (in response to MurraySummers)When CS6 first released (12.0) I couldn't use image map tools with APDivs. I confirmed it for another user who was having the same problems. None of the hotspots would stick. Since I rarely use APDivs or Image Maps, I didn't even notice it got fixed until you pointed this out.
Nancy O.
-
25. Re: Hotspot Tool isn't working!!!
alphoto123 Apr 2, 2014 12:13 PM (in response to hans-g.)Hello,
sorry that I have been off grid been busy with work. I have the dreamweaver
cs5.5 version
-
26. Re: Hotspot Tool isn't working!!!
hans-g. Apr 2, 2014 3:13 PM (in response to alphoto123)Hi,
well, then you could - if not done till now - load up your discussed website and send us the link, so that we can better analyze.
Hans-Günter
-
27. Re: Hotspot Tool isn't working!!!
Jon Fritz II Apr 2, 2014 12:32 PM (in response to alphoto123)alphoto123 wrote:
So I need a little help, I select on this code below:
<img src="images/land_1.jpg" width="860" height="571" border="0" />
and for some reason the hotspot option will show up below, but it won't let me select one of the shapes, what am I missing?
Image Maps are created from within Design View. If you are selecting the code itself from within Code View, the image map tools won't work (at least in DWCS4 and DWCC they won't, so I assume the same holds true for the versions in between).
Click on the actual image from within Design View (make sure the image is highlighted with the resize handles), then click the one of the Image Map tools. It should work from there.
If it doesn't, have you tried any of the troubleshooting links I posted above (cache, prefs, reinstall)?
-
28. Re: Hotspot Tool isn't working!!!
Nancy O. Apr 2, 2014 12:40 PM (in response to Jon Fritz II)Turn off Live View.
Nancy O.
-
29. Re: Hotspot Tool isn't working!!!
alphoto123 Apr 12, 2014 10:28 AM (in response to hans-g.)Sorry for the delay, have been busy at work.
Here's the link to my website:
www.alexislezinphotography.com
The home page doesn't link up to the new page for Land because I forgot to
do it, but I was able to do it for the brand new pages for under events and
La Verne Tennis, by just creating those new pages and then clicking on the
actually page button to get it to work. I will try what I did before
tonight when I get off, but please let me know what I need to do to apply
the code. I have Dreamweaver CS5.5, haven't gotten 6 because I don't really
need all the extra tools for it.
Sincerely,
Alexis Lezin
805-705-5829




