I have a div tag for the header and inside that div tag I have a logo with transparent lettering; so it will inherit the same background color as the header div or body background. However, to save load time, I want to have a thin strip of gradient repeat across the rest of the header. In other words, I want a transparent logo that floats to the left , stays static, and changes color on each page(which will have it’s own background theme) while the portion of the header without the logo stays the same dark gradient look. I wan to change the header background color too so it will change the logo color. I’m probaly not making any sense….
I hope I didn’t lose any of yall. My html code looks likes this:
<div id="header">
<img class="logo" src="images/logo.png" alt="Fresh Energy Logo" />
</div>
and my css code for the header looks like this:
.oneColFixCtr #header{
background:#fff;
display:block;
width:900px;
height:100px;
margin:0 auto;
background:url(../images/headerrepeatx.png);
background-attachment:static;
background-position:255px 0px;
background-repeat:repeat-x;
}
You can see the website in question in question at this url too: http://websites.rapidts.com/Fresh Energy Bakery/