Question

我试图在其指定的徽标区域旁边移动WP主题的导航栏无效（例如：http://screencast.com/t/UsPhTZ3SM）任何想法？这是header.php代码：http://pastebin.com/mr7mtpMG

非常感谢，

亚历

Answer 1

如果我是你，并试图简单地在标题下移动导航，我只会切换这些部分。但那就是我，而且我是反复试验的忠实粉丝......

<div id="top-header"> <!-- top navigation bar -->
     .....
</div><!--end header-->

<div class="clear"></div>

<div id="header"><!-- header -->
     .....
</div><!-- end header -->

切换到：

<div id="header"><!-- header -->
     .....
</div><!-- end header -->

<div class="clear"></div>

<div id="top-header"> <!-- top navigation bar -->
     .....
</div><!--end header-->

但同样，我是那种不介意为了学习而破坏事物的人......

Answer 2

我会重新格式化html并清理css（太多不必要的浮动），但如果你想快速解决，请尝试以下方法：

- #top-header, add position: absolute and margin-left: 26em
- #nav-pages li, add display: inline-block

删除以下属性：

#top-header, width: 930px;
#top-header-left, float: left, display: inline;
#nav-pages, #nav-pages ul, float: left
#nav-pages li, float: left

注意：未在每个人最喜欢的IE上测试

希望这是有道理的

改变WordPress主题导航栏定位

2 个答案: