2013-02-05 26 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