I've streamlined my code to focus on the issue at hand - I have an image that changes when hovered over, but how can I make it so that clicking on the image redirects you to a specific website? http://pastebin.com/h83yi3e3
Here is the code snippet:
<html>
<head>
<style>
#buttonOne {width:140px;height:60px;background-image:url(buttonOne.png);}
#buttonOne:hover {width:140px;height:60px;background-image:url(buttonOneH.png);}
#buttonTwo {width:140px;height:60px;background-image:url(buttonTwo.png);}
#buttonTwo:hover {width:140px;height:60px;background-image:url(buttonTwoH.png);}
#buttonThree {width:140px;height:60px;background-image:url(buttonThree.png);}
#buttonThree:hover {width:140px;height:60px;background-image:url(buttonThreeH.png);}
</style>
</head>
<body>
<div id="buttonOne">
</div>
<div id="buttonTwo">
</div>
<div id="buttonThree">
</div>
</body>
</html>