CSS: change the cursor for image map links

hankknight
hankknight used Ask the Experts™
on
Using only CSS (no JavaScript) how can I change the cursor for links set with an image map to "help" ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title</title>
<style type="text/css">
 
#icons a {
 cursor: help;
}
 
</style>
</head>
<body>
 
<div id="icons">
<p id="iconP"><img src="http://agateau.files.wordpress.com/2008/11/20081119-0-big-bar.png" alt="" usemap="#iconImg" /></p>
</div>
 
<map name="iconImg">
<area shape="rect" coords="4,3,40,33" href="technology_fullscreen" class="technology_fullscreen" title="Full Screen" />
<area shape="rect" coords="46,3,82,35" href="technology_play" class="technology_play" title="Play" />
<area shape="rect" coords="90,3,122,35" href="technology_rewind" class="technology_rewind" title="Rewind" />
<area shape="rect" coords="129,3,170,35" href="technology_fastforward" class="technology_fastforward" title="Fast Forward" />
</map>
</body>
</html>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
you want to look for CSS tooltip here's an example of how to have text appear when you hover....

http://www.communitymx.com/content/article.cfm?page=4&cid=4E2C0

for cursor there are only a set of defined images to use:
http://www.javascriptkit.com/dhtmltutors/csscursors.shtml
Top Expert 2008
Commented:
The CSS should be like this:

<style type="text/css">
AREA {
  cursor:help;
}
</style>

Open in new window

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial