I don't want my cursor to change to a hand/pointer when I hover over usemap links. Yes, I don't want users to know it is a clickable link. I have tried everything I know. Can anyone help?
Here is the Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Mobile Phone</title>
<style type="text/css">
body {
margin: 0;
}
a.link {
cursor: pointer;
}
#wrapper {
margin: 0 auto;
style: cursor:default;
}
#phone {
width: 400px;
margin: 0 auto;
font-size:0;
}
#top {
position:fixed;
}
#left {
float:left;
padding-top: 268px;
position:fixed;
}
#display {
float: left;
padding-top: 268px;
padding-left: 28px;
z-index:1000;
}
#right {
float:left;
padding-top: 268px;
padding-left: 348px;
position:fixed;
z-index:-1;
}
#bottom {
position: fixed;
margin-top: 727px;
}
</style>
</head>
<body style="background-color: #4B4B4B; padding-top: 0px;">
<body>
<div id="wrapper">
<div id="phone">
<div id="top"><img src="Images/top.fw.png" alt="" width="375" height="268"/></div>
<div id="left"><img src="Images/left.fw.png" alt="" width="28" height="460"/></div>
<div id="display"><img src="Images/AlbumPage.png" alt="" width="320" height="2000" usemap="#Map2"/>
<map name="Map2">
<area shape="rect" coords="3,436,103,472" href="Phone2.html" style="cursor:default">
</map>
</div><!-- This is the div you will use to place your mockup -->
<div id="right"><img src="Images/right.fw.png" width="26" height="460" alt=""/></div>
<div class="link" id="bottom"><img src="Images/bottom.fw.png" alt="" width="375" height="1076" usemap="#Map"/>
<map name="Map">
<area shape="rect" coords="35,3,74,42" href="javascript:history.go(-1);" >
</map>
</div>
</div>
</div>
</body>
</html>