split the nav bar into two rows

kio500

I'm sorry if this already posted somewhere, I just can't find it! My question is, how can I split my nav bar into two rows? I keep adding stuff and it's getting kinda long:

http://bluepeacockphotography.smugmug.com/

Also when you click on a link you see "blah>blah>blah" at the top of my html only pages:

http://www.bluepeacockphotography.com/gallery/2623352

how do I get rid of that?
THANKS!!:D
Elizabeth

Allen

kio500 wrote:

I'm sorry if this already posted somewhere, I just can't find it! My question is, how can I split my nav bar into two rows? I keep adding stuff and it's getting kinda long:

http://bluepeacockphotography.smugmug.com/

Also when you click on a link you see "blah>blah>blah" at the top of my html only pages:

http://www.bluepeacockphotography.com/gallery/2623352

how do I get rid of that?
THANKS!!:D
Elizabeth

Add this to yourt CSS and adjust the width to wrap to two lines.

#navcontainer {
margin: 0 auto;
width: 450px;
}

I don't see the "blah>blah>blah" at the top of my html only pages:

kio500

Allen wrote:

Add this to yourt CSS and adjust the width to wrap to two lines.

#navcontainer {
margin: 0 auto;
width: 450px;
}

I don't see the "blah>blah>blah" at the top of my html only pages:

Thanks Allen! so how do I put space inbetween the two rows?
Elizabeth

www.bluepeacockphotography.com

Allen

kio500 wrote:

Thanks Allen! so how do I put space inbetween the two rows?
Elizabeth

www.bluepeacockphotography.com

Ha, I was trying to figure it out myself. Will look again.

Allen

Found it, add the green and adjust as needed.

#navcontainer ul li a {
line-height: 25px;
text-decoration: none;
padding: .2em 1.15em;
color: #506987;
background-color: #F8F8FF;
}

kio500

oooh thanks! fabulous! so one last question about the nav bar; how do I add extra room under just the bottom of it?

Allen

kio500 wrote:

oooh thanks! fabulous! so one last question about the nav bar; how do I add extra room under just the bottom of it?

Add the green and adjust as needed.

#navcontainer {
margin: 0 auto;
margin-bottom: 10px;
width: 450px;
}

kio500

Allen wrote:

Add the green and adjust as needed.

#navcontainer {
margin: 0 auto;
margin-bottom: 10px;
width: 450px;
}

Thanks Allen! It looks great:D.

Elizabeth