实现自定义导航栏和子菜单Blogger后，选项卡不会居中

Forgive me, I know this question has already been asked but I wasn't able to find a solution and I've been trying for days with no luck.

原谅我,我知道这个问题已经被问到了,但是我找不到解决方案而且我已经尝试了几天没有运气。

I removed the "Pages widget" from Blogger in order to create a custom navigation bar with drop down menus. Everything works fine, except my tabs WILL NOT CENTER. The nav bar itself seems to be centered... just not the tabs. I feel like I've tried every code out there! It's driving me nuts!

我从Blogger中删除了“Pages小部件”,以便创建一个带有下拉菜单的自定义导航栏。一切正常,除了我的标签不会中心。导航栏本身似乎是居中的...而不是标签。我觉得我已经尝试过每一个代码!这让我疯了!

http://www.ginachristiansenphotography.com

Please, please help!

请帮忙!

2 个解决方案

#1

Just add center ;) tag in the ul.

只需在ul中添加center;)标记即可。

<ul id="cssnav">
<center>
<li class="active"><a href="http://www.ginachristiansenphotography.com/p/blog-page_9.html">Home</a></li>
<li><a href="http://www.ginachristiansenphotography.com/p/about-me.html">About</a>
</li>
<li><a href="http://www.ginachristiansenphotography.com/search">Blog</a>
</li>
<li><a href="http://www.ginachristiansenphotography.com/p/archives.html">Archives</a>
</li>
<li><a href="http://www.ginachristiansenphotography.com/p/pricing.html">Services</a>
<ul>
<li><a href="http://www.ginachristiansenphotography.com/p/pricing.html">General Pricing</a></li>
<li><a href="http://www.ginachristiansenphotography.com/p/weddings.html">Weddings</a></li>
<li><a href="http://www.ginachristiansenphotography.com/p/dream-scenes.html">Dream Scenes</a></li>
</ul>
</li><li><a href="http://www.ginachristiansenphotography.com/p/var-cb-parseintmath.html">Galleries</a>
</li>
<li><a href="http://www.ginachristiansenphotography.com/p/blog-page.html">Contact</a>
</li>
</center>
</ul>

#2

Below CSS will make the tab nav center

CSS下方将生成选项卡导航中心

#cssnav{text-align:center}

#1