I made the change and the new banner for my "business" page was changed, but in the process, my old banner (the one for all the other pages) went missing...but JUST SLIGHTLY!!! I think I am almost there...
:scratch
NEW CSS:
#my_header img {
border:0;
}
#my_header {
width:916;
height:260;
display: block;
margin-left:auto;
margin-right:auto;
background: url(http://rossnagel.smugmug.com/photos/72059552-O.jpg);
}
.gallery_159413 #my_header {
background: url(http://rossnagel.smugmug.com/photos/74284864-O.jpg);
height: 270px;
width: 930px;
}
HEADER CODE:
<div id="my_header">
<a href="<A href="http://rossnagel.smugmug.com/photos/72059552-O.jpg"><img">http://rossnagel.smugmug.com/photos/72059552-O.jpg"><img src="/img/spacer.gif" /></a>
</div>
The header is barely visible....
It completely disapeears when I use the code you provided:
<*div id="my_header"><*/div>
Don't change it all to Stustaff's code please, it's good code, but not for what you want. You are there, the only thing that is missing are two 'px' statements.
#my_header img {
border:0;
}
.homepage #my_header {
width:916px;
height:260px;
display: block;
margin-left:auto;
margin-right:auto;
background: url(http://rossnagel.smugmug.com/photos/72059552-O.jpg);
}
.gallery_159413 #my_header {
background: url(http://rossnagel.smugmug.com/photos/74284864-O.jpg);
height: 270px;
width: 930px;
}just use this code, sorry, i forgot to type that in my reply earlier. It works too, i just checked it :D