We help IT Professionals succeed at work.

Using image maps for drop down menus

gabos
gabos asked
on
I'm tasked with creating a website for one of our groups at work. I used a background picture and turned it into an image map. They really like the image. How can you turn an image map into a drop down menu?

My html code is attached.
 
<html>
<body>
<img  src="S:\GAIC\REF\REFTECH\BldgMgtCoWeb\buildingmanagementco\Pictures\picdrop.jpg" usemap="#map_name" border="0" id="navbar"/>
				
<map name="map_name">
<area shape="circle" coords="357, 147, 20," href="http://www.buildingmanagementco.com" target="_blank" />
<area shape="circle" coords="450, 122, 30" href="S:\GAIC\REF\REFTECH\BldgMgtCoWeb\buildingmanagementco\scripps.htm" target="_blank" />
<area shape="circle" coords="553, 108, 30" href="http://www.google.com" target="_blank" />
</body>
</html>

Open in new window

Comment
Watch Question

Author

Commented:
Here is the picture that I'm using.

Thanks.
gabos-518637.flv
RobOwner (Aidellio)
CERTIFIED EXPERT
Most Valuable Expert 2015

Commented:
Are you able to attach the JPG? picdrop.jpg

Author

Commented:
Here is the file. I was just concerned with copyrights. I already displayed it at work. Picdrop
Owner (Aidellio)
CERTIFIED EXPERT
Most Valuable Expert 2015
Commented:
It's not possible without a lot of javascript coding (that may not work in all browsers) due to the angle of the text.  The other option is to replace it with a flash menu that will allow the animation.

Not sure what you think of this idea, but utilising the image map you have, you could open a speech bubble with a menu inside, sounds crude but looks ok on http://www.ford.com.au (just mouse over "Cars", "SUVs" etc)

Author

Commented:
Thats what I thought... After doing much research... I just needed someone else to confer my own thoughts.

Explore More ContentExplore courses, solutions, and other research materials related to this topic.