Align Navibar

[Scotto]

I am finally getting around to customizing my SmugMug page.

Everything is going to plan however I have hit a stumbling block. On my page I have a header image which is aligned to the right. I would like the Navibar to format right and align the far right hand button with the top graphic

Any help would really be appreciated.

You can view my site here: http://scottsharman.smugmug.com

once again, thanks

[jfriend]

Change your custom header to this (move navcontainer inside your header div and add a banner container div):

<div id="myHeader">
<div id="my_banner_container">
<div id="my_banner"></div>
<div id="my_banner2"></div>
</div>
<div id="navcontainer">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">About Me</a></li>
<li><a href="/galleries">Galleries</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">Information</a></li>
<li><a href="/gallery/XXXXXXX_YYYYY">Guestbook</a></li>
</ul>
</div>
</div>
<!--REQUIRED FOR VANITY URL -->
<script type="text/javascript" language="javascript">
CheckRedirects();
</script>

Then, add these to your CSS:

#my_banner_container {height:114px;}
#navcontainer {text-align:right;}

Remove this line in red:
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align:center;
}

You should end up with this (which I think is what you asked for):

http://content.screencast.com/users/jfriend/folders/Jing/media/ed1c030c-45fc-43bf-b0c7-2f4739f056f0/2009-05-15_0957.png

[Scotto]

Many thanks for the quick reply (as normal)

slight problem, I seem to have lost some spacing. I copied and pasted your code in and double checked it

[jfriend]

Many thanks for the quick reply (as normal)

slight problem, I seem to have lost some spacing. I copied and pasted your code in and double checked it What do you mean by "lost some spacing"? Can you be more specific? I have no idea what you are seeing or want changed?

[Scotto]

Sorry, just found the error..

all sorted now, thanks for your help