Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Oct 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,175
    Thanks
    23
    Thanked 601 Times in 600 Posts
    The links are coded right and work! They did not give me any trouble.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •