How to put menu in center position?

Now i have all menu in left position:



Views: 55

Replies to This Discussion

For some reason this code would not work on your site - - not for me using Firebug in FireFox.

Here's what usually works:

/* Center Navigation Menu Tabs */
#xg_navigation ul {
text-align: center;
margin: 0 auto;
}

#xg_navigation ul li {
display: -moz-inline-box; /* inline-block for earlier versions of FF */
-moz-box-orient: vertical; /* inline-block for earlier versions of FF */
display: inline-block;
vertical-align: middle;
*display: inline; /* ie7+ hack */
*vertical-align: auto; /* ie7+ hack */
text-align: left;
float: none;
}

#xg_navigation ul li a {
display: inline;
}
/* End Center Navigation Menu Tabs */

Good luck,
Jen
Jen tank you so much, you are amazing ;)
Actually, Ning wrote that CSS. Sorry, I should have given them credit when I posted it, but was running.
Glad it helped,
Jen
If this is the same code I had before at my old network, it doesn't work on this new Ning.

Right, same code. Try this Thunder:

/* Center Navigation Menu Tabs Design Studio */
.xg_theme #xg_navigation ul {
text-align: center;
margin: 0 auto;
}

.xg_theme #xg_navigation ul li {
display: -moz-inline-box; /* inline-block for earlier versions of FF */
-moz-box-orient: vertical; /* inline-block for earlier versions of FF */
display: inline-block;
vertical-align: middle;
*display: inline; /* ie7+ hack */
*vertical-align: auto; /* ie7+ hack */
text-align: left;
float: none;
}

.xg_theme #xg_navigation ul li a {
display: inline;
}
/* End Center Navigation Menu Tabs in Design Studio */

 

Best Regards,

Jen

That did the trick, Jen! Thanks.
Great!
Thank you for this!!
btw, what I did was add .xg_theme to the beginning of each line.

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips