Hello Adobe Community,
This is my first post on the forum and it's a question. I have a nav bar image with seperate buttons inside, which i want to be linked to the corrosponding pages. However whenever i create a hotspot, the page resizes and the hotspots are moved! I understand why this is happening (Due to the page size changing and the hotspots staying where they are), however i was just wondering if there was a way around this problem. I will attatch the site below however note that this site is not complete and is just for test purposes.
Thank you for reading and i hope you can help, this is driving me crazy!
My Dreamweaver Version is CS6
I have the full CS6 suite if that helps.
The Navigation bar on the site above is what i am refering to.
Thank you in advance for any help.
Owing to the fixed nature of hotspot coordinates, they do not resize with the image map. As such, scalable image maps must be avoided in responsive or % based layouts.
For a lot of semantic reasons, it's better to use CSS styled lists for menus.
Hi, I am actually posting my version of the question, rather than any answer...
I understand by Nancy's comments that there is an alternative and better way to manage "traditional" menus.
What if, instead, my menu is displayed "in circle" around an area, and I want to display different information (mainly text) inside the circle, and sometimes aside it, depending on what menu element I hover on?
I did it in flash (see http://www.csegno.com.ar/fla/cSegno%20flash%20page.html) and I am basically trying to replicate it in a fluid layout fashion (js, css, etc..) , to make it available to tablets/smartphones as well.
Thanks a lot!
Unfortunately the easy method of using css exclusions to do this, is only supported semi-completely in some browsers behind a preference setting.