hankknight
asked on
CSS: change the cursor for image map links
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>
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.