SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2008
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Using logo to link back to homepage/index.html

    hello all,

    I have page with a large background image, I am using a jquery plugin called fullscreenr http://www.nanotux.com/blog/fullscreen. This page only has the logo and 3 links. When the user clicks the logo, I want them to go back to the homepage, below is the code, for some unknown reason, it doesn't seem to work. Does it have anything to do with the z-index? Any help or explanation will be greatly appreciated.

    css and html for page with bg image:
    Code:
    <body>
    <img id="bgimg" src="images/partnersPage.jpg" />
    
    <h1 id="logo"><a href="index.html">Cb1 Massage</a></h1>
    
    <h4>Partners &amp; Locations</h4>
    
    <p></p>
    <p></a></p>
    <p></a></p>
    <p></p>
    
    <div id="footer"></footer>
    </body>
    Code:
    body {overflow:hidden; padding:0;margin:0; height:100%; width:100%;}
    #bgimg {position:absolute; z-index: -1;}
    h1#logo {background: url(../images/logo.png) no-repeat; margin:15px 0 0 45px; width:172px; text-indent:-9999px; height:41px;  z-index:5;}             
    h4 {font-family:'Lato', sans-serif; color:#000; font-size:1.6em; text-transform:uppercase; margin:45px 0 0 50px;}
    The css #bgimg is from the jquery plugin

  2. #2
    SitePoint Enthusiast
    Join Date
    Oct 2008
    Posts
    51
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    managed to fix problem, no need for a reply


Bookmarks

Posting Permissions

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