2011-05-16 128 views
0

我正在尝试将WP主题的导航栏移到其指定的徽标区旁边,无济于事(像这样:http://screencast.com/t/UsPhTZ3SM)有没有想法?下面是的header.php代码:http://pastebin.com/mr7mtpMG更改WordPress主题导航栏定位

非常感谢,

亚历

+0

您可以发布一个链接,一个看导航? – gutierrezalex 2011-05-16 21:07:18

+0

当然:http://mefo1.ecin1prod1lnx1.com/。谢谢 – Alex 2011-05-16 21:10:19

+0

您是否在nav下面有搜索框?我不认为你可以放在徽标旁边。明白我的意思了吗? – gutierrezalex 2011-05-16 21:13:52

回答

0

如果我是你,并试图简单地移动导航的标题下,我只想切换这些章节。但是,这就是我,我就是试错的大风扇......

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

但同样,我的不介意人的类型摔东西学习的兴趣...

+0

就在你身边 - 直到你尝试才会知道。谢谢迦勒,这是一个非常棒的起点,它几乎是完美的! – Alex 2011-05-16 21:31:51

+0

不需要清除div – gutierrezalex 2011-05-16 21:34:08

0

我会重新格式化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

希望这是有道理

+0

要去试试看。谢谢! – Alex 2011-05-16 21:56:15