标题中的导航块,但在页脚中编码

时间:2013-02-05 19:52:20

标签: css navigation

您好我真的很难处理我的导航区域。主题设计师已将它放在页脚中,但它显示在顶部,这导致我的年轻css心灵精神崩溃。当事情真的发生在我身上时,我才会问过建议。

您可以在此处查看页面 - my website

#navigation左上角是黄色。

      <?php if (!empty($primary_links) || !empty($secondary_links)): ?>
      <div id="navigation" class="menu <?php if (!empty($primary_links)) { print "with-main-menu"; } if (!empty($secondary_links)) { print " with-sub-menu"; } ?>">
        <?php if (!empty($primary_links)){ print theme('links', $primary_links, array('id' => 'primary', 'class' => 'links main-menu')); } ?>
        <?php if (!empty($secondary_links)){ print theme('links', $secondary_links, array('id' => 'secondary', 'class' => 'links sub-menu')); } ?>
      <span class="test">efeeffefefefe</span></div> <!-- /navigation -->
    <?php endif; ?>

与.....

     #navigation {
 background: none repeat scroll 0 0 yellow;
float: left;
height: 65px;
margin-left: 0;
margin-right: -100%;
padding: 0;
width: 75%;

}

.with-navigation #content,
.with-navigation .sidebar {
  margin-top: 65px;

}

主题附带。导航的原始代码是......实际上如果您需要知道发布它的情况。我在一个范围中添加了绿色框#test,您可以在代码中看到。 arrrghhhhh我放弃了。抱歉。我实际上想要黄色导航左侧的绿色框,但它会抛出所有侧边栏。我将暂时保留它,但原始的css代码是 -

     #navigation {
  float: left;
  margin-left: 0;
  margin-right: -100%;
  padding: 0;
  width: 100%;
  height: 40px;

}

.with-navigation #content,
.with-navigation .sidebar {
  margin-top: 40px;

}

我尝试了一切。昨天14点,今天2点。任何人都可以告诉我如何在这个导航栏的左侧添加一个简单的徽标?我在我的智慧结束。感谢

1 个答案:

答案 0 :(得分:1)

对于.test删除:

right: 59px;
top: 23px;

更改:

float:right;

float:left;

对于#navigation 删除:

margin-right:-100%;

更改:

float:left;

float:right;

这将留下一点叠加,您可以根据需要修复两个元素的宽度。