Banner (left) and Menu (right)

[MDalby]

All,

I am sorry that you seem to have to answer this question more than once for some of us. I have read several threads on this topic but I haven't been able to get it to work for me. It is probably due to my poor graphics capabilities and I probably have the banner set up incorrectly.

My attempt at a banner is the following:

http://dalbyphoto.smugmug.com/photos/436709698_R8Fa6-L.png

I would like my banner / navbar to be like Mike has on the following:

http://mikelane.smugmug.com/

Is the hard line that Mike has on his after the banner and navbar part of hte graphic or is it HTML?

Thanks,

MD

[Allen]

All,

I am sorry that you seem to have to answer this question more than once for some of us. I have read several threads on this topic but I haven't been able to get it to work for me. It is probably due to my poor graphics capabilities and I probably have the banner set up incorrectly.

My attempt at a banner is the following:

http://dalbyphoto.smugmug.com/photos/436709698_R8Fa6-L.png

I would like my banner / navbar to be like Mike has on the following:

http://mikelane.smugmug.com/

Is the hard line that Mike has on his after the banner and navbar part of hte graphic or is it HTML?

Thanks,

MD
Add this to your CSS. You need too crop all the blank space. It would end
up about 460x75 cropped. And put taht final size in the CSS.

#my_banner {
width: 640px;
height: 400px;
margin: 0 auto;
background: url(/photos/436709698_R8Fa6-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true,
sizingmethod=image, src='/photos/436709698_R8Fa6-O.png');
}

Remove the red from your header.

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

See this tutor (http://dgrin.smugmug.com/gallery/1932803) for the navbar. Once it's in come back here and we'll get it lined up like you want.

[MDalby]

See this tutor (http://dgrin.smugmug.com/gallery/1932803) for the navbar. Once it's in come back here and we'll get it lined up like you want.

Thank you Allen.

OK, I have the navbar there now. How do I get it on the same line with hte banner and in red with a seperation line after the banner and navbar?

Thank you!

[MDalby]

How do I put a link that has all my galleries?

[Allen]

How do I put a link that has all my galleries?
See this tutor (http://dgrin.smugmug.com/gallery/2160039) and scroll down to "The Galleries Page" sections.

[Allen]

Thank you Allen.

OK, I have the navbar there now. How do I get it on the same line with hte banner and in red with a seperation line after the banner and navbar?

Thank you!
See if you like this. It will expand with each page size.
Any of this can be changed if you don't like it.
Replace your header with this

<div id="my_header">

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

<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/6825218_NtEFp">About Me</a></li>
<li><a href="/gallery/6825633_zhTeK">Information</a></li>
<li><a href="/gallery/6825497_xxWRd">Guestbook</a></li>
</ul>
</div> <!-- closes navcontainer -->

</div> <!-- closes my_header -->

This is your whole CSS, also removes some dups and extra }'s

#my_header {
height: 55px;
border-bottom: 1px solid #BA1212;
margin: 0 40px 15px; /* top right/left bottom*/
padding: 0 20px;
}

#my_banner {
width: 400px;
height: 53px;
margin: 5px 0; /* top/bottom right/left */
background: url(/photos/436769411_xGBMB-S.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true,
sizingmethod=image, src='/photos/436769411_xGBMB-S.png');
}

#navcontainer {
float: right;
margin: -30px 0 0; /* top right/left bottom */
}

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

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #EE2C2C;
background: none;
}

#navcontainer ul li a:hover {
color: #ccc;
background: none;
}



body {
background: #3a3039 url(http://ldslastdays.com/images/background.gif) center center;
}


#bioBox .boxTop,
#bioBox .boxBottom,
#bioBox {border: none !important;}


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

#bioBox .boxBottom {background: none;}

#feeds {
display:none;
}

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

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

/* remove the 's */
.possess {
display: none;
}

[MDalby]

I LOVE IT!!!

Thank you!

[MDalby]

Allen... What am I doing wrong on my galleries. I am still not getting the galleries page to come up on the galleries link in the navbar.

[jfriend]

Allen... What am I doing wrong on my galleries. I am still not getting the galleries page to come up on the galleries link in the navbar. You have to enable your galleries for the homepage using the homepage layout button. Your galleries page is just a second copy of your homepage with different CSS controlling what displays. If you don't allow gallery categories on your homepage, they can't show on your galleries page.

[Allen]

Allen... What am I doing wrong on my galleries. I am still not getting the galleries page to come up on the galleries link in the navbar.
Remove this

.homepage #featuredBox {display:none;}
.galleries #categoriesBox {display:block !important;}

and add this to CSS

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

.galleries #bioBox {
display: none;
}

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

Remove this from your footer, it's covered in your javascript.

<script>
if (hasPath("galleries"))
YD.addClass(document.body, "galleries");
</script>


You site is sucking all my memory, my CPU is running at 100%. I didn't see
any thing causing it, maybe someone else does.

[MDalby]

Allen, That did the trick. You are fantastic.

Thank you. I have made so much progress today thanks to you and others.

I am no longer embarassed with the site and it is functional.

Thanks again.

MD