Skip navigation
Currently Being Moderated

Link In Image Not Working

Jun 22, 2012 11:58 AM

I am having trouble with the link in the image 'C.I. Shenanigans'...it linking to the index page. It is the logo that is placed over the background image of the steak and salmon. I can't seem to figure out why it is not linking (at least in chrome). Could you help me out please? Thanks!

 

Here is the template: http://www.cishenanigans.com/templates/page2012.dwt

 
Replies
  • Currently Being Moderated
    Jun 22, 2012 12:08 PM   in reply to npolen

    Change this

     

    <img src="../images/CITacoma_logo_page.png" alt="C.I. Shenanigans"" width="318" height="113" hspace="25" vspace="25" border="0" align="right" /></a></div>

     

     

    to this without the extra quotes:

     

    <img src="../images/CITacoma_logo_page.png" alt="C.I. Shenanigans" width="318" height="113" hspace="25" vspace="25" border="0" align="right" /></a></div>

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 22, 2012 12:23 PM   in reply to npolen

    The element that your linked image is inside has a z-index of -10 putting it behind everything on the page. If you remove the z-index reference the link works fine. It just means you will need arrange the other elements correctly - add a positive z-index or position relative to your nav and to the left sidebar.

    #pageImage {

    margin: 0px;

    padding: 0px;

    width: 1020px;

    position: relative;

    z-index: -10;

    height: 300px;

    background-image: url(../images/page_steakSalmon.jpg);

    background-repeat: no-repeat;

    background-position: center center;

    }

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points