I've spent hours trying to identify my error, but to no avail...so I need some help. With my growing gallery population I decided to organize on the basis of gallery categories, but I wanted a dedicated header/banner for each category page that houses galleries (the discrete galleries already have headers--did that successfully!). So I've been through Ivar's tutorial ten times...started anew, etc., and can't seem to get them to appear on the category pages. Here's what I have:

in the HTML box for header:

<div id="my_banner">
</div>

then in CSS box:

#my_banner {
display: none;
width:800px
margin: 0 auto
}

.homepage #my_banner {
display: block;
}

.category_Archive_1870-1950 #my_banner {
display: block;
margin: 0 auto;
background: url(http://aaronphotoarchive.smugmug.com...17_8oRY3-L.jpg) no-repeat;
height: 70px
}
.category_Archive_1950-1970s #my_banner {
display: block;
margin: 0 auto;
background: url(http://aaronphotoarchive.smugmug.com...42_VzeXR-L.jpg) no-repeat;
height: 70px
}

.category_Event_&_Friends #my_banner {
display: block;
margin: 0 auto;
background: url(http://aaronphotoarchive.smugmug.com...55_rkmaP-L.jpg) no-repeat;
height: 70px
}

Thanks very much for catching whatever I've messed up here.
David
aaronphotoarchive.com

Originally Posted by dhaImages I've spent hours trying to identify my error, but to no avail...so I need some help. With my growing gallery population I decided to organize on the basis of gallery categories, but I wanted a dedicated header/banner for each category page that houses galleries (the discrete galleries already have headers--did that successfully!). So I've been through Ivar's tutorial ten times...started anew, etc., and can't seem to get them to appear on the category pages. Here's what I have: in the HTML box for header: <div id="my_banner"> </div> then in CSS box: #my_banner { display: none; width:800px margin: 0 auto } .homepage #my_banner { display: block; } .category_Archive_1870-1950 #my_banner { display: block; margin: 0 auto; background: url(http://aaronphotoarchive.smugmug.com...17_8oRY3-L.jpg) no-repeat; height: 70px } .category_Archive_1950-1970s #my_banner { display: block; margin: 0 auto; background: url(http://aaronphotoarchive.smugmug.com...42_VzeXR-L.jpg) no-repeat; height: 70px } .category_Event_&_Friends #my_banner { display: block; margin: 0 auto; background: url(http://aaronphotoarchive.smugmug.com...55_rkmaP-L.jpg) no-repeat; height: 70px } Thanks very much for catching whatever I've messed up here. David aaronphotoarchive.com

Maybe this will give you a hint. Need exact category name.

.category_Archives_1870-1950 #my_banner {
display: block;
margin: 0 auto;
background: url(http://aaronphotoarchive.smugmug.com/photos/387974517_8oRY3-L.jpg) no-repeat;
height: 70px
}

Originally Posted by Allen Maybe this will give you a hint. Need exact category name. .category_Archives_1870-1950 #my_banner { display: block; margin: 0 auto; background: url(http://aaronphotoarchive.smugmug.com/photos/387974517_8oRY3-L.jpg) no-repeat; height: 70px }

Thank you very much. That silly little letter. It cleared up that problem. But I seem to be unable to prevent the category banner from appearing in every gallery within that category. I have the display: block; for the "homepage" and I've also got the "no repeat" at the end of the URL line within the category and it appears to look identical to the tutorial. So once again, I'm not seeing what's wrong. I apologize for the trouble, but am grateful for the assistance.
David

aaronphotoarchive.com

Originally Posted by dhaImages Thank you very much. That silly little letter. It cleared up that problem. But I seem to be unable to prevent the category banner from appearing in every gallery within that category. I have the display: block; for the "homepage" and I've also got the "no repeat" at the end of the URL line within the category and it appears to look identical to the tutorial. So once again, I'm not seeing what's wrong. I apologize for the trouble, but am grateful for the assistance. David aaronphotoarchive.com

Add an extra .category and it will not show in galleries under cat.

.category.category_Archives_1870-1950 #my_banner {...


Might need this also

/* all sub-cat pages under category */
.category.category_Archives_1870-1950.subcategory #my_banner {display: none;}

Originally Posted by Allen Add an extra .category and it will not show in galleries under cat. .category.category_Archives_1870-1950 #my_banner {... Might need this also /* all sub-cat pages under category */ .category.category_Archives_1870-1950.subcategory #my_banner {display: none;}

I tried both variables...and wierd things happened...but not the desired effect. The double .category.category dropped the banner altogether on the gallery page. The additional <.subcategory...> etc. separated out galleries by sub-categories, but did not have the impact on the Category Page header.
Any other recommendations?
thank you.
David
aaronphotoarchive.com

Originally Posted by dhaImages I tried both variables...and wierd things happened...but not the desired effect. The double .category.category dropped the banner altogether on the gallery page. The additional <.subcategory...> etc. separated out galleries by sub-categories, but did not have the impact on the Category Page header. Any other recommendations? thank you. David aaronphotoarchive.com

Must of did something wrong because it worked here. Will look again.

Originally Posted by dhaImages I tried both variables...and wierd things happened...but not the desired effect. The double .category.category dropped the banner altogether on the gallery page. The additional <.subcategory...> etc. separated out galleries by sub-categories, but did not have the impact on the Category Page header. Any other recommendations? thank you. David aaronphotoarchive.com

Try this combo

.category_Archives_1950-1970s #my_banner {
display:block;
margin-left:258px;
background: url(http://aaronphotoarchive.smugmug.com...42_VzeXR-L.jpg) no-repeat;
height: 70px
}

.category_Archives_1950-1970s.galleryPage #my_banner {
display:none;
}

Originally Posted by Allen Try this combo .category_Archives_1950-1970s #my_banner { display:block; margin-left:258px; background: url(http://aaronphotoarchive.smugmug.com...42_VzeXR-L.jpg) no-repeat; height: 70px } .category_Archives_1950-1970s.galleryPage #my_banner { display:none; }

Allen...I'm doing something wrong because I enter exactly from your page and on my end...it does not work. The banner is suppressed on the Category page.

But then something even more bizarre took place. I wanted to see some code I did on my other smugmug website--dhaimages.com---and when I got there, the main page header from my aaronphotoarchive website was on top of my dhaimages.com website. Now I'm not sure how that is even possible since that header is only housed on the former webpage, and there is no code on the dhaimages site that could possibly cause it to be accessed. So I did a complete "wash" of my browser history and cache to make sure it wasn't some anomaly on my end, but even then...my next visit had the same thing.

I'm all ears. Perhaps I've embedded something that is messing everything up. If we can't rectify it easily, I'm going to just drop all of the code that sets up the category pages. But binaries aren't supposed to be so finicky--so they tell me--either it should work or it shouldn't work.
thank you.
David
aaronphotarchive.com
dhaimages.com

Originally Posted by dhaImages Allen...I'm doing something wrong because I enter exactly from your page and on my end...it does not work. The banner is suppressed on the Category page. But then something even more bizarre took place. I wanted to see some code I did on my other smugmug website--dhaimages.com---and when I got there, the main page header from my aaronphotoarchive website was on top of my dhaimages.com website. Now I'm not sure how that is even possible since that header is only housed on the former webpage, and there is no code on the dhaimages site that could possibly cause it to be accessed. So I did a complete "wash" of my browser history and cache to make sure it wasn't some anomaly on my end, but even then...my next visit had the same thing. I'm all ears. Perhaps I've embedded something that is messing everything up. If we can't rectify it easily, I'm going to just drop all of the code that sets up the category pages. But binaries aren't supposed to be so finicky--so they tell me--either it should work or it shouldn't work. thank you. David aaronphotarchive.com dhaimages.com

You can not be logged into two Smugmug sites at the same time using
the same browser app. Have to use different browsers, like Firefox and IE.

Make sure you save all the customize boxes for each site in text files.

Originally Posted by Allen You can not be logged into two Smugmug sites at the same time using the same browser app. Have to use different browsers, like Firefox and IE. Make sure you save all the customize boxes for each site in text files.

Thanks...I repaired that part. Not sure how that happened. I was in separate browsers.
Still working on the other stuff.
David

Originally Posted by dhaImages Thanks...I repaired that part. Not sure how that happened. I was in separate browsers. Still working on the other stuff. David

When you say two separate browsers, were they different applications?

Originally Posted by Allen When you say two separate browsers, were they different applications?

I was in one site on Firefox and the other with IE. But I cannot reconstruct what happened. A whole array of code from one site ended up in the other, specifically in a box (HTML Header) that I had not even been working with. Moreover, the specific line indicating the header for the home page was somehow carried over--another thing I wasn't even looking at. At this point, it's not worth trying to figure it out. I re-constructed the code and it is all working now. And thanks for the recommendation about keeping the text in a file. I had done that early on, but I had not updated it in a while.

As for the aaronphotoarchive.com, I was unable to get the category banner to disappear in the actual galleries with the 2 sets of recommendations you made. Not sure why since I couldn't have made a mistake in the code (I copied and pasted). But other "funny things" happened. I couldn't get a category banner to appear, so I "cut" the code and put it down three categories below...and suddenly it appeared. Exact same code, just different locus. What's that about? (Rhetorical question.)

In the meantime, my compromise solution is that I made the category banner and the gallery header both very small (30px and 40px in height respectively) so that it actually works fine. I haven't changed them all over to the new headers/banners, but I will tomorrow.

Thanks for your assistance and patience.
David
aaronphotoarchive.com
dhaimages.com

Originally Posted by dhaImages I was in one site on Firefox and the other with IE. But I cannot reconstruct what happened. A whole array of code from one site ended up in the other, specifically in a box (HTML Header) that I had not even been working with. Moreover, the specific line indicating the header for the home page was somehow carried over--another thing I wasn't even looking at. At this point, it's not worth trying to figure it out. I re-constructed the code and it is all working now. And thanks for the recommendation about keeping the text in a file. I had done that early on, but I had not updated it in a while. As for the aaronphotoarchive.com, I was unable to get the category banner to disappear in the actual galleries with the 2 sets of recommendations you made. Not sure why since I couldn't have made a mistake in the code (I copied and pasted). But other "funny things" happened. I couldn't get a category banner to appear, so I "cut" the code and put it down three categories below...and suddenly it appeared. Exact same code, just different locus. What's that about? (Rhetorical question.) In the meantime, my compromise solution is that I made the category banner and the gallery header both very small (30px and 40px in height respectively) so that it actually works fine. I haven't changed them all over to the new headers/banners, but I will tomorrow. Thanks for your assistance and patience. David aaronphotoarchive.com dhaimages.com

This below puts the banner on the category and not the underlying galleries.
Only thing left on the gallery pages is your header. Are you wanting something else?

.category_Archives_1870-1950 #my_banner {
display:block;
margin-left:258px;
background: url(http://aaronphotoarchive.smugmug.com/photos/388446264_3s3PT-XL.jpg) no-repeat;
height: 30px
}

.category_Archives_1870-1950.galleryPage  #my_banner {
display:none;}

.category_Archives_1950-1970s #my_banner {
display:block;
margin-left:258px;
background: url(http://aaronphotoarchive.smugmug.com/photos/388446334_ZTFf7-XL.jpg) no-repeat;
height: 30px
}

.category_Archives_1950-1970s.galleryPage  #my_banner {
display:none;}

Originally Posted by Allen This below puts the banner on the category and not the underlying galleries. Only thing left on the gallery pages is your header. Are you wanting something else? .category_Archives_1870-1950 #my_banner { display:block; margin-left:258px; background: url(http://aaronphotoarchive.smugmug.com/photos/388446264_3s3PT-XL.jpg) no-repeat; height: 30px } .category_Archives_1870-1950.galleryPage #my_banner { display:none;} .category_Archives_1950-1970s #my_banner { display:block; margin-left:258px; background: url(http://aaronphotoarchive.smugmug.com/photos/388446334_ZTFf7-XL.jpg) no-repeat; height: 30px } .category_Archives_1950-1970s.galleryPage #my_banner { display:none;}

Thank you very much. I most appreciative.
David