Nav Bar Row Spacing

[DRJMotorsportsPhoto]

Hi,

My SmugMug site is http://www.drjmotorsportsphoto.smugmug.com/ (http://www.drjmotorsportsphoto.smugmug.com/)

I am using the SmugMug navigation buttons at the top of all my galleries/pages. I recently set up a second row of nav buttons, but there is no space between the first and second rows (even when set up as a totally second set of nav buttons). Can you provide some HTML code so I can have spacing between the rows? Currently it just looks all run together.

Thanks,
Dave

[denisegoldberg]

I am using the SmugMug navigation buttons at the top of all my galleries/pages. I recently set up a second row of nav buttons, but there is no space between the first and second rows (even when set up as a totally second set of nav buttons). Can you provide some HTML code so I can have spacing between the rows?
Simplest way is to add a break tag in between the divs for your two navbars.

</div>
<br/>
<div id="navcontainer">
--- Denise

[Allen]

Hi,

My SmugMug site is http://www.drjmotorsportsphoto.smugmug.com/ (http://www.drjmotorsportsphoto.smugmug.com/)

I am using the SmugMug navigation buttons at the top of all my galleries/pages. I recently set up a second row of nav buttons, but there is no space between the first and second rows (even when set up as a totally second set of nav buttons). Can you provide some HTML code so I can have spacing between the rows? Currently it just looks all run together.

Thanks,
Dave
You could also add the bold line in this.

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
line-height: 25px;
}

[DRJMotorsportsPhoto]

Thank you Denise!!

You rock. It worked, and looks great. Now I can create a couple more nav bar buttons without the run together look. Really appreciate your help and quick reply.

Best regards, Dave
http://drjmotorsportsphoto.smugmug.com

Simplest way is to add a break tag in between the divs for your two navbars.

</div>
<br/>
<div id="navcontainer">
--- Denise