|
Help with Header Image Map
Trying to direct 3 images on my header to different urls and can't seem to get it to work.
Here is my stylesheet css code:
#site_title {
padding: 8px 0;
height: 219px;
background-repeat: no-repeat;
background-image: url(..//images/header5.png);
}
#headerlink{
display:block;
width:330px;
height:112px;
margin:10px 0 0 590px;
}
#headerlink1{
display:block;
width:65px;
height:50px;
margin:40px 0 0 653px;
float:left;
}
#headerlink2{
display:block;
width:65px;
height:50px;
margin:40px 0 0 700px;
float:left;
}
Here is my index code:
<div id="site_title">
<a href="http://georgiathrowdown.com/sweepstakes/" id="headerlink"></a>
<a href="http://www.barefootwine.com/" id="headerlink1"></a>
<a href="http://www.mediacomcable.com/" id="headerlink2"></a>
</div>
The first 2 links work fine but the 3 link is not showing as a hotspot with a redirect to the href url can someone please tell me what I am doing wrong.
Thanks
|