Hi everyone, I was wondering if theres a way to make dreamweaver hotspots flexible or responsive so they stay where they are supposed to be? Cheers
| SitePoint Sponsor |
Hi everyone, I was wondering if theres a way to make dreamweaver hotspots flexible or responsive so they stay where they are supposed to be? Cheers
Hmmm, over 100 views on this and not even a simple yes or no or alternative, I didn't realise it was that hard a question.


From what I remember of DW a hotspot is an image map that is rooted to a set of co-ordinates meaning that they shouldnt move!
Have you got them over specific buttons or images?
Mike Swiffin - Community Team Leader
Only a woman can read between the lines of a one word answer.....
I started out with nothing... and still got most of it left!
Its one image that has been stretched across the page inside an apdiv, there are six hotspots on the image, the three hotspots on the left of the page are fine, the three that are on the right of the page are not. I set the hotspots well to the right of where I wanted them so they would line up correctly on my wide screen monitor when I viewed them IE9, however I took the page to someone else's place and viewed them on their wide screen monitor still using IE9 and they were well to the left of where they should be. Thanx for the reply spikeZ


Have you got a live link? If you dont want to post it then by all means PM me directly.
Mike Swiffin - Community Team Leader
Only a woman can read between the lines of a one word answer.....
I started out with nothing... and still got most of it left!
I don't have a live link at the moment, the client is coming over this weekend so we can upload it to Crazy Domains, so as soon as its done, I'll post the link. Cheers
I just thought I'd upload a couple of screenshots from dreamweaver to give an idea of whats happening. The first one is with the dreamweaver column fully exposed and you'll note how I've had to set the hotspots well to the right to suit my monitor, the second shot is with the dreamweaver column collapsed, and as you can see the hotspots are more over their respective targets. I will still upload a link as soon as possible, but it would be nice to have this sorted before then Cheers
LEFS CD 1.jpg
LEFS CD 2.jpg


Theoretically you can use % on the AREA but I believe most major browser will understand percentage coordinates incorrectly (interpreting percentage coordinates instead as pixel coordinates).
So that's probably a dead-end, i.e. instead of 100% it would be rendered 100px (hotspot) and so on... Maybe JavaScript might help but that's not my strong point.
In other words; remember the image should not be resized and remain at original dimensions. If you apply that method (images are fixed pixels) monitor aspect ratio shouldn't matter when you have it working in the browser itself.![]()
};-) http://www.xhtmlcoder.com/
Thinking Web: Voices of the Community
> March 2013 - SitePoint forums: Spot the Error 3: Calling all Sleuths! Winner Announced!... She knows how to spot simple <code> errors but do you?
Thanx for the info xhtmlcoder, the coordinates was the area I was wondering about as far as javascript goes... DAH? I'm just a dumb ass aussie. However, I've thought of another way, by taking a snapshot of the area required and inserting it into another apdiv over the top of the original image, as I've done with the Order CD image in the above pics, why I didn't think of it before, I don't know.........just a dumb ass aussie I guess Cheers
Bookmarks