Page 1 of 1

[solved]trouble overlaying banner module over header

Posted: Tue Jul 15, 2008 12:01 pm
by nat601
Hi,

Having real trouble getting my banner module to float above the header. Here's how it's set up at the moment. here is the css:

Code: Select all

#frontphoto {
margin: 0 0 0px 0;
border: 0;
z-index: 1000;
}

#hbanner{
width: 478px;
height: 75px;
border: 0;
margin: 0 10px 10px 0;
z-index: 1;
float: right;
}
And here is the snippet of html:

Code: Select all

<img id ="frontphoto" src="uploads/andreas01/front.jpg"  alt="" />
<div id="hbanner">{cms_module module='Banners' category="releases"}</div>
As you can see the banner sits underneath the frontphoto div. I have tried allsorts, z-indexs, changing the html so that the hbanner div is inside the frontphoto div

I's sure it is an elementry problem but it is really baking my noodle  :-\

Thanks in advance