Linking navbar, removing slideshow, and other issues...

[ohwhatachallenge]

Hello! Total newbie here when it comes to html...really bumming me out at the moment :dunno

Having difficulty linking navbar buttons to galleries (About, Contact). Also struggling to get photo to show up on About page...believe that I've followed all tutorial steps correctly...but I could be wrong. Finally, am unable to remove slideshow from About and Contact pages.

For the moment, those seem to be my biggest issues. Thanks in advance for any suggestions or assistance provided!

Jo
http://brittanybutterworth.smugmug.com (http://brittanybutterworth.smugmug.com/)

Current CSS:
.gallery_11554290 #breadcrumb {display: none;}
.loggedIn .gallery_11554290 #breadcrumb {display: block;}

#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
font-family: "Gabriola", serif;
text-decoration: none;
padding: .1em 1em;
color: #fff;
background-color: #000;
}

#navcontainer ul li a:hover {
color: #fff;
background-color: #736F6E;
}

.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

.galleries #slideshowBox {display: none;}
.about #slideshowBox {display: none;}
.contact #slideshowBox {display: none;}

.gallery_17727989 #myText {
margin: 0 auto;
width: 600px;
background: #fff;
color: #000;
font-family: "Gabriola", serif;
font-size: 110%;
padding: 0 20px 5px 20px;
}

.gallery_17727989 #myText p {
color: #000;
font-family: "Gabriola", serif;
font-size: 110%;
text-align: justify;
}

/* hide things not needed on page */
.gallery_17727989 .nophotos h3,
.notLoggedIn .gallery_17727989 #breadcrumb,
.notLoggedIn .gallery_17727989 .journal_entry,
.gallery_17727989 #albumNav_top,
.gallery_17727989 #albumNav_bottom {display: none;}

Current Custom Header:
<div id="navcontainer">
<ul>
<li><a href="http://brittanybutterworth.smugmug.com">Home</a></li>
<li><a href="http://brittanybutterworth.smugmug.com/about/17727989">About</a></li>
<li><a href="http://brittanybutterworth.smugmug.com/galleries">Galleries</a></li>
<li><a href="http://brittanybutterworth.smugmug.com/contact/17712564">Contact</a><li>
</ul>
</div>

Current Bottom JavaScript:
function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

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

[jfriend]

The proper link to your About page is this:

http://brittanybutterworth.smugmug.com/Other/About/17727989_s6wkND

The proper link to your Contact page is this:

http://brittanybutterworth.smugmug.com/Other/Contact/17712564_MGgz7k

Put those in your navbar and they should work.

Also, there's no reason to post your customization in dgrin. If you include a link to your page, those who can help can see it all right in your page and it just makes the thread harder to read here.