Helping hiding and displaying boxes on separate pages

[BeckmannPhotos]

I thought I had the CSS display code figured out, but I'm having problems with some stuff. I have created three copies of my homepage using devbobo's trick, .galleries, .map, and .search. I cannot get the keywords, popular photos, and timeline to not display on any of the pages. I also cannot get the bioBox to turn off on my .search page. Under customize, on the homepage tab, I have all of these set to display. Here is the CSS code I have put in there:


.homepage #galleriesBox {display: none;}
.homepage #categoriesBox {display: none;}
.homepage #featuredBox {display: none;}
.homepage #mapBox {display: none;}
.homepage #keywordBox {display: none;}
.homepage #timelineBox {display: none;}
.homepage #popularBox {display: none;}

.galleries #bioBox {
display: none;
}
.galleries #galleriesBox {display: block;}
.galleries #mapBox {display: none;}
.galleries #keywordBox {display: none;}
.galleries #timelineBox {display: none;}


.map #galleriesBox {display: none;}
.map #categoriesBox {display: none;}
.map #keywordBox {display: none;}
.map #popularBox {display: none;}
.map #timelineBox {display: none;}
.map #bioBox {display: none;}

.map #mapBox {display: block;}

.search #keywordsBox {display: block;}
.search #timelineBox {display: block;}
.search #bioBox {display: none;}
.search #mapBox {display: none;}
.search #popularBox {display: none;}
.search #galleriesBox {display: none;}
.search #categoriesBox {display: none;}


Do I have some names wrong or is it something else?

Thanks!

[Allen]

I thought I had the CSS display code figured out, but I'm having problems with some stuff. I have created three copies of my homepage using devbobo's trick, .galleries, .map, and .search. I cannot get the keywords, popular photos, and timeline to not display on any of the pages. I also cannot get the bioBox to turn off on my .search page. Under customize, on the homepage tab, I have all of these set to display. Here is the CSS code I have put in there:
...
Use these

#keywordsBox

#datesBox

Also, somethings funny with your search page, I think it's just returning your homepage. The link should be
/search and not /Search but that takes you to a Smug search page. Maybe the term search is reserved and can't be used. Try mysearch instead.

WebDev shows this on search page. Notice search missing at end.
html > body .homepage tempClass bodyColor_White

galleries page
html > body .homepage tempClass bodyColor_White galleries

map page
html > body .homepage tempClass bodyColor_White map

real homepage
html > body .homepage tempClass bodyColor_White

See if changing it in your js makes a difference. Then your nav link would be this (http://beckmannphotos.smugmug.com/mysearch).

if (hasPath("search"))
YD.addClass(document.body, "search");

to this

if (hasPath("mysearch"))
YD.addClass(document.body, "mysearch");

[BeckmannPhotos]

Thanks Allen, that worked great.

Any idea why I am still getting the 'Home' part showing up on the top of my homepage? I have this code in there I thought would get rid of it:

/* hides your name (including any 's) */
#userName {
display: none;
}

* hides the word home */
#userHome {
display: none;
}

[Allen]

Thanks Allen, that worked great.

Any idea why I am still getting the 'Home' part showing up on the top of my homepage? I have this code in there I thought would get rid of it:

/* hides your name (including any 's) */
#userName {
display: none;
}

* hides the word home */
#userHome {
display: none;
}
It's the one little missing /

/* hides the word home */
#userHome {
display: none;
}

Add to CSS to center show

#userBio {text-align: center !important;}

Add these to clean up guestbook, things not needed.

.gallery_5590449 #breadcrumb,
.gallery_5590449 #albumNav_top,
.gallery_5590449 #albumNav_bottom {display: none;}

.gallery_5590449 .loggedIn #breadcrumb {display: block;}

[BeckmannPhotos]

Thanks again, really appreciate the help.

One more thing if you can, how do I adjust the vertical spacing of my navbar and slideshow to move them up? And how do I move the navbar far off to the right side?

[Allen]

Thanks again, really appreciate the help.

One more thing if you can, how do I adjust the vertical spacing of my navbar and slideshow to move them up? And how do I move the navbar far off to the right side?
You have this in your header above your nav html creating a big blank
clickable area. Might remove it and the big gap disappears.

<div id="my_header"><a href="http://BeckmannPhotos.smugmug.com"><img
style="outline-color: rgb(255, 0, 0); outline-style: solid; outline-width: 1px;"
src="/img/spacer.gif" border="0" height="70" width="605"></a></div>