div onclick help?

ok ive been trying to get this code to work forawhile now and have done many searches and foru reading and tried many things to no avail. my div on click commands work on FF but not on IE and its absolutly killing me, I would be willing to make a small donation to someone by helping me to get it to work cause im tired of trying to get this work

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>

<body background ="http://www.njirishfootball.com/new/nice/bb.png">
</body>


<div onclick="document.location = 'http://www.njirishfootball.com/home/roster' " style="cursor: pointer; width: 95px; height: 

40px; position: absolute; top: 57px; left: 397px;"></div>

<div onclick="document.location = 'http://www.njirishfootball.com/home/coachingstaff' " style="cursor: pointer; width: 145px; 

height: 40px; position: absolute; top: 57px; left: 498px;"></div>

<div onclick="document.location = 'http://www.njirishfootball.com/home/frontoffice' " style="cursor: pointer; width: 122px; 

height: 40px; position: absolute; top: 57px; left: 650px;"></div>

<div onclick="document.location = 'http://www.njirishfootball.com/emeralds' " style="cursor: pointer; width: 172px; height: 

40px; position: absolute; top: 57px; left: 779px;"></div>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled</title>
<style type="text/css">
.some-link {
/*
Assuming the divs that are now anchors
have a background image, apply it here.
Remove this border after testing.
*/
border:1px solid #000;
display: block;
text-indent:-5000px;
height:40px;
position:absolute;
top: 57px;
}
.some-link:hover { background: #fefae0; } /* or image */
#first-link { width:95px;left:397px; }
#second-link { width:145px;left:498px; }
#third-link { width:122px;left:650px; }
#fourth-link { width:172px;left:779px; }
</style>
</head>
<body>
<a class="some-link" id="first-link"
href="http://www.example.com/home/roster">Roster</a>
<a class="some-link" id="second-link"
href="http://www.example.com/home/coachingstaff">Coaching Staff</a>
<a class="some-link" id="third-link"
href="http://www.example.com/home/frontoffice">Front Office</a>
<a class="some-link" id="fourth-link"
href="http://www.example.com/home/emeralds">Emeralds</a>
</body>
</html>

div onclick help?

works on FF but not IE?

realignorent

rocknbil

dreamcatcher

realignorent

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week