Twenty Eleven centered Menu?

Im trying this code:

#access {
background: #000;
margin: 0 auto;
width: 800px;
display:block;
position:absolute;
text-align:center;
}
#access ul{display:inline-block;}

With this, the menu gets centralized, but it gets more heigh. How can I make the menu centralized but with the same heigh as before the edit?

Hi,
Have a look at the line-height: and margins, adjusting to suit!

I use this block below to centre the twenty eleven menu, note that Internet Explorers older browsers, needs some extra styles.

/* = Centre Menu including IE7 Support
------------------------------ */
#access {
	text-align:center;
}

#access ul {
         display:inline-block;
         *display: inline; /* For IE7 */
         *zoom:1; /* For IE7 */
         vertical-align:top;
}

#access div {
	margin: 0;
}

#access a {
	line-height: 1em;
}

HTH

David

This realy centralize my menu but make it tiny..

Take a look at: https://www.intheup.net/blog

How to solve this issue?

Now I tried this code:

#access a {
line-height: 1em;
}

with “2em” and the menu texts gets the correct aspect, but the menu is very tiny yet.

Can You help me with it?

Take a look at my blog to see what Im talking about.

Ok.

I cannot stay here and wait for every work to be done…

I made one change:

#access a {
line-height: 3.3em;
}

Now the menu is centralized and its in the perfect size, form, etc.

Its just perfect.

Thats the 3rd time You help me in the past few minutes. I dont know how to thanks.

Well.

Thank You so much for Your help and for wasting Your time with my questions.

and, again, sorry about my english.

Problem solved.

Thank You dude.

Ops..

Just for sharing infos..

I figure out how to have the NavMenu centered but the text items in “ul” aligned to left (or right). Here are the codes provided by Digital Raindrops and twiked by me:

#access {
text-align: center;
}
#access ul {
display: inline-block;
*display: inline; /* For IE7 */
*zoom: 1; /* For IE7 */
vertical-align: top;
}
#access div {
margin: 0;
}
#access a {
line-height: 3.3em;
font-weight: bold;
}
#access ul ul {
text-align: left;
font-weight: bold;
}
#access ul ul a {
font-weight: bold;
}

The code that makes UL aligned to the left is in bold.

Oh yeah.. The menu items, im my case, are in Bold with this code “font-weight: bold;”

See ya..

Take a look at my blog to see these codes in action: https://www.intheup.net/blog