I am working on a way to convert the CSS background image I have into a clickable link that can be referenced. Here is my CSS code:
#wrapper {
height: 100%;
padding: 66px;
}
#ad_11 {
background-image: url(images/index1.png);
display: block;
text-indent:-9999px;
background-repeat: no-repeat;
background-position: left top;
padding-top:475px;
padding-bottom:0px;
margin: 20px;
width: 519px;
float: left;
}
#ad_12 {
background-image: url(images/index2.png);
display: block;
text-indent:-9999px;
background-repeat: no-repeat;
background-position: right top;
padding-top:475px;
padding-bottom:0px;
margin: 20px;
width: 510px;
float: left;
}
Now, here is the HTML snippet:
<div id="wrapper">
<div id="ad_11"></div>
<div id="ad_12"></div>
<br style="clear: both;" />
</div>
I am wondering if it's possible to make this background image act as a link. Any suggestions or solutions to achieve this would be appreciated.
Thank you.