NavBar centering help

[gravelbrat]

Hello,

Can someone please take a look at my site and suggest a way to get the navbar centered? There are two navbars on my smugmug at the moment. I wanted to see how the code for the new item would behave in the CSS customization box on smug. Sigh. I want to replace the simple navbar with the new drop down menu. I've tried various fixes and reads on threads. Nothing works on FF or IE. Aeiiiiii. I am close (after almost a year of work!!) to publishing the wildflower pages and would like the navbar centered before I take the pages 'live'!!

Thank you thank you.

[Allen]

Hello,

Can someone please take a look at my site and suggest a way to get the navbar centered? There are two navbars on my smugmug at the moment. I wanted to see how the code for the new item would behave in the CSS customization box on smug. Sigh. I want to replace the simple navbar with the new drop down menu. I've tried various fixes and reads on threads. Nothing works on FF or IE. Aeiiiiii. I am close (after almost a year of work!!) to publishing the wildflower pages and would like the navbar centered before I take the pages 'live'!!

Thank you thank you.
Have you tried this? Works in Firefox.

#navcontainer ul {
margin-left: -40px;
margin-top: 50px;
margin-right: 0px;
margin-bottom: -5px;
text-align: center;
}

[gravelbrat]

Have you tried this? Works in Firefox.

#navcontainer ul {
margin-left: -40px;
margin-top: 50px;
margin-right: 0px;
margin-bottom: -5px;
text-align: center;
}

Allen, thank you so much for looking. You are a dear. You've been such a help in the past.

Yes on the code above. It does a fine job on the simple navbar I am currently using in most of my site.

The code I am struggling with is here:
http://9thtrydigital.smugmug.com/gallery/3096334

The link is to the Home Page of a wildflower identification collection of pages that I am working on. The off-centered-ness of the navbar is more pronounced in the specific color pages http://9thtrydigital.smugmug.com/gallery/3602969 but this example shows the skewed postition as well. Isn't it a nice little drop down menu? I would love to keep it.

I have spent probably 20 or more HOURS :dunno trying all kinds of fixes, reading Stu's tips and so on. What am I missing (besides smarts!!) in getting this figured out??? So....currently the code for the off-center navbar is contained within the description of this specific page. If I can get it tweaked to center itself, I'd like to replace my current simple navbar throughout the site - putting the code in the CSS and Header areas as appropriate.

Is there hope??

:D

[Allen]

Allen, thank you so much for looking. You are a dear. You've been such a help in the past.

Yes on the code above. It does a fine job on the simple navbar I am currently using in most of my site.

The code I am struggling with is here:
http://9thtrydigital.smugmug.com/gallery/3096334

The link is to the Home Page of a wildflower identification collection of pages that I am working on. The off-centered-ness of the navbar is more pronounced in the specific color pages http://9thtrydigital.smugmug.com/gallery/3602969 but this example shows the skewed postition as well. Isn't it a nice little drop down menu? I would love to keep it.

I have spent probably 20 or more HOURS :dunno trying all kinds of fixes, reading Stu's tips and so on. What am I missing (besides smarts!!) in getting this figured out??? So....currently the code for the off-center navbar is contained within the description of this specific page. If I can get it tweaked to center itself, I'd like to replace my current simple navbar throughout the site - putting the code in the CSS and Header areas as appropriate.

Is there hope??

:D

Add this and see if it centers in Firefox. Check IE7 also.

ul.prodrop4 {
position: relative;
margin: 0 auto;
width: 770px;
}

Do you realize in IE6 only the first menu item shows? The above seems to
center it though rest is hidden. I think some additions to the html need to
be added for IE6. Somethings not closed because the rest of the menu is
at the bottom of page.

Add the bold at the end here, might help.

<li><a href="../menu/">Yellows, pg 3</a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

[gravelbrat]

Add this and see if it centers in Firefox. Check IE7 also.

ul.prodrop4 {
position: relative;
margin: 0 auto;
width: 770px;
}

Do you realize in IE6 only the first menu item shows? The above seems to
center it though rest is hidden. I think some additions to the html need to
be added for IE6. Somethings not closed because the rest of the menu is
at the bottom of page.

Add the bold at the end here, might help.

<li><a href="../menu/">Yellows, pg 3</a></li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></li>

Excellent:clap !!! I am a happy woman tonight, thank GOODNESS. The menu is centered in both IE7 and FF. It looks so much better, Allen. Thank you very much for your time. As for the IE6 issue - NO!! I did not know that, but I am glad you let me know. Let me ask you...do you keep multiple versions of browsers installed for checking purposes? Is there a testing website out there to run code? I have used dreamweaver a little for some design ideas. Would that be a good code checker?

For now, I will go over the code and see if there are open tags.

Thanks again, Allen. You made my evening!! :barb

[Allen]

Excellent:clap !!! I am a happy woman tonight, thank GOODNESS. The menu is centered in both IE7 and FF. It looks so much better, Allen. Thank you very much for your time. As for the IE6 issue - NO!! I did not know that, but I am glad you let me know. Let me ask you...do you keep multiple versions of browsers installed for checking purposes? Is there a testing website out there to run code? I have used dreamweaver a little for some design ideas. Would that be a good code checker?

For now, I will go over the code and see if there are open tags.

Thanks again, Allen. You made my evening!! :barb
On my windows machine I installed Firefox so I could ignore IE6. But it's
available to check sites with.

Run your page on this site (http://browsershots.org/) and see what the results are, then again it might
scare the ____ out of you.:D Keep hitting refresh page, looks like 17 browsers are being checked.
Oh ... and open the details in another tab to watch what's happening.
Queue estimate: 7 minutes to 41 minutes (Details)

[gravelbrat]

On my windows machine I installed Firefox so I could ignore IE6. But it's
available to check sites with.

Run your page on this site (http://browsershots.org/) and see what the results are, then again it might
scare the ____ out of you.:D Keep hitting refresh page, looks like 17 browsers are being checked.
Oh ... and open the details in another tab to watch what's happening.
Queue estimate: 7 minutes to 41 minutes (Details)

I just bookmarked the site to work with tomorrow, looks like just what the doctor ordered. Even if I will feel ill from what I see! I know that my early images were huge - what a bandwidth hog. One of my projects before the pages go live is to trim way down on the file sizes of my images. I am grateful that I have only a handful to do from each color...a bit tedious but then....so is waiting on pages to load :rolleyes.

Thanks once more Allen - I feel I am a great step ahead tonight, even with the to-do's that remain. This is all so interesting and fun!!

:wink

[ilums21]

Hey guys

I tried all those stuff and they do not really work in my case
http://mikespikebike.smugmug.com/
Iwould like to have all the navbars centered and under my logo or at the bottom of my home page

Thank you

[denisegoldberg]

I would like to have all the navbars centered and under my logo or at the bottom of my home page

Answered in your thread here. (http://www.dgrin.com/showthread.php?t=108977)

--- Denise