2013-02-05 20 views
0

你好我真的很努力地处理我的导航区域。主题设计师已将其放在页脚中,但它显示在顶部,并使我年轻的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点。任何人都可以告诉我如何在此导航栏的左侧添加一个简单的徽标?我在我的智慧结束。由于

+0

对不起thet #test css我使用的是这个 - 。测试{ 背景:无重复滚动0 0绿色; float:right; height:65px; margin-left:0; margin-right:0; 填充:0; position:absolute; right:59px; top:23px; 宽度:24%; } –

+0

#test是我想要添加我的徽标的div/span。谢谢 –

回答

1

对于.testREMOVE:

right: 59px; 
top: 23px; 

CHANGE:

float:right; 

float:left; 

对于#navigationREMOVE:

margin-right:-100%; 

CHANGE:

float:left; 

float:right; 

这会留下一点点覆盖,你可以根据与两个元素的宽度解决您的需要..

+0

非常感谢您的回复和时间欧米茄。我提到了你所提到的变化,并且它的一半工作。如果我改变宽度,绿色盒子应该适合在那里,但是担心它会使右手块滑落。您可以在我的论坛中的一个论坛中查看http://onlinebanter.com/chat –

+0

侧边栏是#sidebar-second。我在这里撕掉我的头发。我只花了5年的时间制作一个网站,但仍然没有打开:( –

+0

5年?你的div的排序导致了这个问题,我相信你应该首先有侧边栏的div,然后是div的内容。然后可以浮动每个侧边栏左侧,应该没有任何问题 – Omega