Adjust Nav Bar Position

[leichenb]

From my main page at http://eichenbaum.smugmug.com and several other pages, it seems my nav bar isn't 'above' the gallery page beneath it (or the bio page, on my main page).

I think this as the vignettes on the left/right side run all the way to the nav bar and the buttons for share, cart, etc. all fall too far up and run into the nav bar.

Is there a way to set buffer space between the bottom of the nav bar and any other elements on the page/all pages?

[jfriend]

Change these two CSS rules from this:

#menuh-container
{
position: absolute;
top: 200px;
left: 310px;
}

#menuh
{
font-size: small;
font-family: impact, arial, helvetica, sans-serif;
width:100%;
float:left;
margin:2em;
margin-top: 1em;
}



to this:

#menuh-container
{
margin:0 auto;
}

#menuh
{
font-size: small;
font-family: impact, arial, helvetica, sans-serif;
height:26px;
width:702px;
margin: 1em auto 2em auto;
}



This will stop using absolute positioning and instead use normal CSS layout rules for positioning and centering the navbar and it should start working properly on all your screens.

[leichenb]

Change these two CSS rules from this:

#menuh-container
{
position: absolute;
top: 200px;
left: 310px;
}

#menuh
{
font-size: small;
font-family: impact, arial, helvetica, sans-serif;
width:100%;
float:left;
margin:2em;
margin-top: 1em;
}


to this:

#menuh-container
{
margin:0 auto;
}

#menuh
{
font-size: small;
font-family: impact, arial, helvetica, sans-serif;
height:26px;
width:702px;
margin: 1em auto 2em auto;
}


This will stop using absolute positioning and instead use normal CSS layout rules for positioning and centering the navbar and it should start working properly on all your screens.

You guys are great!! This forum rocks!!

I'm learning alot and still getting the site built fairly quick...

Of course, I'll want to 'rework' the site with all the things on learn browsing the forum, but hey, that's how we learn also...

Thanks again... I'm almost set with my site

[mollyphotog]

My navbar sits a little on top of my banner. I tried doing your suggestion for the first poster and I think it didn't work because we are trying to do different things. So can you help me with mine? THANKS SO MUCH!

If you go to my website you will see what I mean:

mollydempseyphotography.com

[Allen]

My navbar sits a little on top of my banner. I tried doing your suggestion for the first poster and I think it didn't work because we are trying to do different things. So can you help me with mine? THANKS SO MUCH!

If you go to my website you will see what I mean:

mollydempseyphotography.com
Add a little bottom margin.

#my_banner {
width: 750px;
height: 50px;
margin: 0 auto 10px; /* top L/R bottom */
background: url(http://molsapols.smugmug.com/photos/515139013_rHXrp-O.jpg) no-repeat;
}

[mollyphotog]

Allen! MUCHOS MUCHOS GRASIAS!

Thanks! You are too kind!

[mollyphotog]

how do I get rid of the Smugmug links like "News, Browse....etc" that line the bottom of my page. They are all Smugmug things that I don't necessarily want on my personal website.

[denisegoldberg]

how do I get rid of the Smugmug links like "News, Browse....etc" that line the bottom of my page. They are all Smugmug things that I don't necessarily want on my personal website.
See # 16 in the customization FAQ at http://www.smugmug.com/help/customize-faq.

--- Denise

[mollyphotog]

Thanks Denise! That is just what I was looking for!