Move the Nav Bar?

[murphyrods]

So I have been going over thread after thread about Nav bars and all I want to do is align my navigation to the left under the banner.

Im sorry this question seems like it will have such a simple answer but Im just not stumbling upon it in the forum.

Thank you in advance.
Wayne

http://jmkphotography.smugmug.com/
(http://jmkphotography.smugmug.com/)

[Allen]

So I have been going over thread after thread about Nav bars and all I want to do is align my navigation to the left under the banner.

Im sorry this question seems like it will have such a simple answer but Im just not stumbling upon it in the forum.

Thank you in advance.
Wayne

http://jmkphotography.smugmug.com/
(http://jmkphotography.smugmug.com/)
Change all this

#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: 3.9em 1em;
color: #fff;
background-color: ;
}

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

#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 16px;
_font-size: 14px;
font-variant: small-caps;
float: right;
}

to this

#navcontainer {
position: relative;
margin: 0 auto; /* locks width to center */
width: 330px;
left: -200px; /* moves off center */
}

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

#navcontainer ul li {
display: inline;
}

/* fonts are controlled in this rule */
#navcontainer ul li a {
text-decoration: none;
padding: 3.9em 1em;
color: #fff;
background: none;
font-size: 16px;
_font-size: 14px;
font-variant: small-caps;
}

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

[murphyrods]

Allen, thank you so much for the fix, man I was pulling my hair out over that one.

[murphyrods]

Change all this

#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: 3.9em 1em;
color: #fff;
background-color: ;
}

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

#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 16px;
_font-size: 14px;
font-variant: small-caps;
float: right;
}
to this

#navcontainer {
position: relative;
margin: 0 auto; /* locks width to center */
width: 330px;
left: -200px; /* moves off center */
}

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

#navcontainer ul li {
display: inline;
}

/* fonts are controlled in this rule */
#navcontainer ul li a {
text-decoration: none;
padding: 3.9em 1em;
color: #fff;
background: none;
font-size: 16px;
_font-size: 14px;
font-variant: small-caps;
}

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

Allen, thank you so much, this brings up one more question...now how do I move the body section down. The navigation trail (jmkphotography > Landscapes> etc...) is colliding with the navigation bar.

Great bird photos by the way. I had a look at your site...

Wayne

[Allen]

Allen, thank you so much, this brings up one more question...now how do I move the body section down. The navigation trail (jmkphotography > Landscapes> etc...) is colliding with the navigation bar.

Great bird photos by the way. I had a look at your site...

Wayne
Add a bit of bottom margin.

#navcontainer {
position: relative;
margin: 0 auto 10px; /* locks width to center */
width: 330px;
left: -200px; /* moves off center */
}

... and thanks for the comment on my photos, not all the best but it's fun
documenting each days jaunts.

[murphyrods]

Add a bit of bottom margin.

#navcontainer {
position: relative;
margin: 0 auto 10px; /* locks width to center */
width: 330px;
left: -200px; /* moves off center */
}
... and thanks for the comment on my photos, not all the best but it's fun
documenting each days jaunts.
Perfect thank you and thanks for putting in what each line does as it pertains to the fix Im trying to make. It helps me learn the code. Now I know what I need to do if I want to make future changes...

Wayne