[solved]trouble overlaying banner module over header

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
nat601
New Member
New Member
Posts: 3
Joined: Wed Apr 11, 2007 9:57 am

[solved]trouble overlaying banner module over header

Post 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
Last edited by nat601 on Wed Jul 16, 2008 1:02 pm, edited 1 time in total.
Post Reply

Return to “Layout and Design (CSS & HTML)”