Small Top Border Issue & Request for NavBar suggestion...

[CharlesSA]

Hi all

I am trying to refine my smugmug site and have today decided to change from the Sand theme to the White theme. After doing that, I noticed that the border along the top does not complete as one would expect. On the Sand theme it worked fine?? :scratch Please have a look in my homepage HERE (http://www.active-exposure.co.za)to see what I mean. I have gone through my CSS code and cannot find anything that could be causing this?

My 2nd question is regarding the Navbar. At the moment my one is very basic and plain looking. What suggestions and corresponding code can you recommend I apply to it to make it look more professional and refined?

Lastly, and only if you have time, could you plz scan through my code which appears under Site Custom Configuration to determine if everything there is in fact correct and put together correctly? What I mean is, I don't want code there that is not doing anything and that is just slowing down the loading time. If any code has updated to be more streamlined, kindly let me know so that I can update it accordingly. (Just note that my ability in this is copy and paste).

I look forward to your assistance. As always, it is a pleasure dealing with all you helpful folks.

_______________
Charles
South Africa

[Allen]

Hi all

I am trying to refine my smugmug site and have today decided to change from the Sand theme to the White theme. After doing that, I noticed that the border along the top does not complete as one would expect. On the Sand theme it worked fine?? :scratch Please have a look in my homepage HERE (http://www.active-exposure.co.za)to see what I mean. I have gone through my CSS code and cannot find anything that could be causing this?

My 2nd question is regarding the Navbar. At the moment my one is very basic and plain looking. What suggestions and corresponding code can you recommend I apply to it to make it look more professional and refined?

Lastly, and only if you have time, could you plz scan through my code which appears under Site Custom Configuration to determine if everything there is in fact correct and put together correctly? What I mean is, I don't want code there that is not doing anything and that is just slowing down the loading time. If any code has updated to be more streamlined, kindly let me know so that I can update it accordingly. (Just note that my ability in this is copy and paste).

I look forward to your assistance. As always, it is a pleasure dealing with all you helpful folks.

_______________
Charles
South Africa
Change your whole header to this.

<div id="myHeader">
<div id="myHeaderTop"> </div>

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

<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/6863492_DuC4Q">Service Options</a></li>
<li><a href="http://www.active-exposure.co.za/Portfolio">Portfolio</a></li>
<li><a href="/gallery/6863515_5Sptx">Contact</a></li>

</ul>
</div> <!-- closed navcontainer -->

</div> <!-- closed myHeader -->

Add this to the top of your CSS

#myHeader {background: url(http://cdn.smugmug.com/img/themes/White/small_center.jpg) transparent repeat-y;
height:210px;
}
#myHeaderTop {background: url(http://cdn.smugmug.com/img/themes/White/small_header.jpg) transparent no-repeat;
height:30px;
}

.smugmug #myHeaderTop,
.smugmug #myHeader {display:none;}


Check all you pages to see if it works on all. If you select a different style
for any gallery the CSS might need to be tweaked.

[J Allen]

I am trying to refine my smugmug site and have today decided to change from the Sand theme to the White theme. After doing that, I noticed that the border along the top does not complete as one would expect. On the Sand theme it worked fine?? :scratch Please have a look in my homepage HERE (http://www.active-exposure.co.za)to see what I mean. I have gone through my CSS code and cannot find anything that could be causing this?


Add this to the BOTTOM of your custom header box:



<div id="myPageTop"></div>

Then add this to your CSS:

#myPageTop
{width:950px;
height:30px;
margin:0 auto;
background:transparent
url(http://cdn.smugmug.com/img/themes/White/small_header.jpg) no-repeat scroll 0 0;}

#myPageTop
{display:none}

.homepage #myPageTop
{display:block}





My 2nd question is regarding the Navbar. At the moment my one is very basic and plain looking. What suggestions and corresponding code can you recommend I apply to it to make it look more professional and refined?

Add/change the red in this rule....theres lots of things you can do with your nav-bar, you can even make your own images in PS and use those:


#navcontainer ul li a {
text-decoration: none;
padding: .2em 4.2em;
color: #FFFFFF;
background-color: #000000;
border: 3px ridge red;
font-size: 108%;
font-weight: bold;
}



Lastly, and only if you have time, could you plz scan through my code which appears under Site Custom Configuration to determine if everything there is in fact correct and put together correctly? What I mean is, I don't want code there that is not doing anything and that is just slowing down the loading time. If any code has updated to be more streamlined, kindly let me know so that I can update it accordingly. (Just note that my ability in this is copy and paste).

I think everything looks good in your code..:thumb

[CharlesSA]

Thank you so much Al and Joe. Your help is tremendously & sincerely appreciated.:clap

I have applied the code to achieve the required results. The only place where the border is still a problem is for my "unlisted" galleries where I embed a Virtual Tour viewer. An example can be viewed here (http://www.active-exposure.co.za/gallery/7406030_dVz9b). For these type of galleries I do not use my header/logo as I just want the embedded viewer displayed. Where and what code can I insert to customize these type of galleries as I create them?

Thanks again gentlemen.:thumb

[Allen]

Thank you so much Al and Joe. Your help is tremendously & sincerely appreciated.:clap

I have applied the code to achieve the required results. The only place where the border is still a problem is for my "unlisted" galleries where I embed a Virtual Tour viewer. An example can be viewed here (http://www.active-exposure.co.za/gallery/7406030_dVz9b). For these type of galleries I do not use my header/logo as I just want the embedded viewer displayed. Where and what code can I insert to customize these type of galleries as I create them?

Thanks again gentlemen.:thumb
Tack on the bold lines for that gallery. Removes frame completely from that page.

.gallery_7406030 #breadcrumb,
.gallery_7406030 #myHeader,
.gallery_7406030 #myHeaderTop,
.smugmug #myHeaderTop,
.smugmug #myHeader {display:none;}

.gallery_7406030 #footer,
.gallery_7406030 #bodyWrapper,
.gallery_7406030 #journal
{background: none !important;}

[CharlesSA]

Tack on the bold lines for that gallery. Removes frame completely from that page.

.gallery_7406030 #breadcrumb,
.gallery_7406030 #myHeader,
.gallery_7406030 #myHeaderTop,
.smugmug #myHeaderTop,
.smugmug #myHeader {display:none;}

.gallery_7406030 #footer,
.gallery_7406030 #bodyWrapper,
.gallery_7406030 #journal
{background: none !important;}



Thanks Al... that did it perfectly! I am sure I say this on behalf of hundreds of others.... THANK YOU so much. Without help like yours we would be completely lost:D