background banner

Hi everyone!
I want to add background banner in web site with link.
So,
template.css:

Code: Select all

#topf .foo, #topf .foo a {
     display:block;
     padding:0;
    margin:0;
     width:1310px;
     height:702px;
     cursor:pointer;
    z-index: -9999;
}
#topf .foo {
     background: transparent url(http://proufu.ru/images/topf.gif) no-repeat fixed center top;
     float:left;
     margin:0;
    position: fixed;
    top:0;   
}

and default.php:

Code: Select all

<div id="topf">
      <span class="foo"><a href="http://link"> </a></span>
</div>

Link don't work. If to change z-index for "#topf .foo, #topf .foo a" that link covers all website.

website http://proufu.ru

Hi,
please try add to override.css

Code: Select all

.gkWrap {
position: relative;
}


and change your code to this one:

Code: Select all

#topf .foo, #topf .foo a {
display: block;
padding: 0;
margin: 0;
width: 1310px;
height: 702px;
cursor: pointer;
z-index: 0;
}


Remember to enable override.css option in template settings. I advise all template css modification add to override.css file. It will avoid issues during further updates.

cool!!! It's works!
Thanks for background banner and for override.css

wow

Thanks ! You just resolve one of my problems