Header help

[smay120]

www.lighttouchphoto.com (http://www.lighttouchphoto.com)
I recently wrote in and asked how to put a customized header on a regular gallery. I have unique ones for each category on my site, but for certain other galleries, I wanted to be able to manipulate the header also. I was told to do this below:
Add this and change to the banner you want for this gallery.

.gallery_169796 #my_banner {
width: 800px;
height: 200px;
margin: 0 auto;
background: url(http://lighttouch.smugmug.com/gallery/3869739) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enable d=true,sizingmethod=image,src=http://lighttouch.smugmug.com/gallery/3869739);
}
I added this above to CSS and added the gallery in for this part of my site. I am not sure what I am doing wrong? Do I add more code to the header section also? the new header is not coming up. thanks.

[Allen]

www.lighttouchphoto.com (http://www.lighttouchphoto.com)
I recently wrote in and asked how to put a customized header on a regular gallery. I have unique ones for each category on my site, but for certain other galleries, I wanted to be able to manipulate the header also. I was told to do this below:
Add this and change to the banner you want for this gallery.

.gallery_169796 #my_banner {
width: 800px;
height: 200px;
margin: 0 auto;
background: url(http://lighttouch.smugmug.com/gallery/3869739) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enable d=true,sizingmethod=image,src=http://lighttouch.smugmug.com/gallery/3869739);
}
I added this above to CSS and added the gallery in for this part of my site. I am not sure what I am doing wrong? Do I add more code to the header section also? the new header is not coming up. thanks.
The header is in a passworded gallery, put it in a private gallery and it
should work.

[smay120]

The header is in a passworded gallery, put it in a private gallery and it
should work.

Thanks Allen. i just checked and all of my headers are in one gallery that are private. I opened up the gallery also that I wanted it to go in here: http://lighttouch.smugmug.com/gallery/3869739 and took off the password. But still no new header. I took your code above and put first the gallery # in there..then the url for the header...then the last part was put the gallery url in the last part. Correct? Sorry I am confused.
Shawn

[Allen]

Thanks Allen. i just checked and all of my headers are in one gallery that are private. I opened up the gallery also that I wanted it to go in here: http://lighttouch.smugmug.com/gallery/3869739 and took off the password. But still no new header. I took your code above and put first the gallery # in there..then the url for the header...then the last part was put the gallery url in the last part. Correct? Sorry I am confused.
Shawn
Whoa, that is a link to a gallery not a photo.
Notice the photo numbers in this below.

#my_banner {
width: 800px;
height: 100px;
margin: 0 auto;
background: url(http://lighttouch.smugmug.com/photos/222442363-L.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src=http://lighttouch.smugmug.com/photos/222442363-L.png);
}

[smay120]

Whoa, that is a link to a gallery not a photo.
Notice the photo numbers in this below.

#my_banner {
width: 800px;
height: 100px;
margin: 0 auto;
background: url(http://lighttouch.smugmug.com/photos/222442363-L.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src=http://lighttouch.smugmug.com/photos/222442363-L.png);
}

Ok..I am really sorry Allen, I have tried it 4 different ways, maybe I have something in my CSS that is screwing it up or something. Here is what i have in my CSS code:

.gallery_3869739 #my_banner {
width: 800px;
height: 200px;
margin: 0 auto;
background: url(http://lighttouch.smugmug.com/photos/225850473-L.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enable d=true,sizingmethod=image,src=http://lighttouch.smugmug.com/photos/225850473-L.jpg);
}

The gallery is here: http://lighttouch.smugmug.com/gallery/3869739
and the header is in a private folder where I keep all of my headers. Maybe that is it..its in a private folder? That would not make sense though, all of my headers I design are in this folder and they show up so that would not make sense. There has to be something small I am overseeing. I have tried most everything going back and forth but no luck so far.
thanks.
Shawn
Maybe I need to add something to the header section of the control panel?

[Allen]

Ok..I am really sorry Allen, I have tried it 4 different ways, maybe I have something in my CSS that is screwing it up or something. Here is what i have in my CSS code:

.gallery_3869739 #my_banner {
width: 800px;
height: 200px;
margin: 0 auto;
background: url(http://lighttouch.smugmug.com/photos/225850473-L.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enable d=true,sizingmethod=image,src=http://lighttouch.smugmug.com/photos/225850473-L.jpg);
}

The gallery is here: http://lighttouch.smugmug.com/gallery/3869739
and the header is in a private folder where I keep all of my headers. Maybe that is it..its in a private folder? That would not make sense though, all of my headers I design are in this folder and they show up so that would not make sense. There has to be something small I am overseeing. I have tried most everything going back and forth but no luck so far.
thanks.
Shawn
Maybe I need to add something to the header section of the control panel? Couple of things to fix, multiple places.
Add a ' around the src link in the filter line.
Remove space in enable d=true
Only the original is a png /photos/222442363-O.png not -L
If you're using a jpg you don't need the _background: and _filter:progi... lines.

.gallery_3869739 #my_banner {
width: 800px;
height: 200px;
margin: 0 auto;
background: url(http://lighttouch.smugmug.com/photos/225850473-L.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enable d=true, sizingmethod=image,src='http://lighttouch.smugmug.com/photos/225850473-L.jpg');
}


Remove this.

.category_ #my_banner {
width: 800px;
height: 200px;
background: url( ) no-repeat;
}

... and lastly, put these in this order. You where changing the banner first
for the gallery then later to the one for the category that the galleries in.

.category_Events #my_banner {
width: 800px;
height: 200px;
background: url(http://lighttouch.smugmug.com/photos/179260552-L.jpg) no-repeat;
}
.gallery_3869739 #my_banner {
width: 800px;
height: 200px;
margin: 0 auto;
background: url(http://lighttouch.smugmug.com/photos/225850473-L.jpg) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader(enabled=true,sizingmethod=image,src='http ://lighttouch.smugmug.com/photos/225850473-L.jpg');
}