Using logo to link back to homepage/index.html

**funkybuddha** · Sep 22, 2011 07:34

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

**funkybuddha** · Sep 22, 2011 09:14

managed to fix problem, no need for a reply

User Tag List

Thread: Using logo to link back to homepage/index.html

Thread Tools

Display

Hybrid View

Using logo to link back to homepage/index.html

Bookmarks

Bookmarks

Posting Permissions