Replies to This Discussion

Permalink Reply by JenSocial on January 17, 2011 at 1:46pm

Yes, and believe it or not, it's a little tricky.

A member of Team Ning wrote this tip, and I can't find it. It's a little surprising what it takes to make it work in all cases.

Here's the discussion on Creators where we all talked about it.

http://creators.ning.com/forum/topics/how-do-i-center-the-tabs

 

/* 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 */

 

Best,

Jen