2011-10-23 14 views
0

的CSS爲this page主導航拉伸低於:讓在整個包裝

#main_nav ul, #main_nav ul li, #main_nav ul ul { list-style: none; margin:0; padding: 0; } 
#main_nav ul { position: relative; z-index: 597; float: left; font-family:Arial, Helvetica, sans-serif; } 
#main_nav ul li { float: left; line-height: 1.8em; vertical-align: middle; text-transform:uppercase; } 
#main_nav ul li.hover, #main_nav ul li:hover { position: relative; z-index: 599; cursor: default; } 
#main_nav ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;} 
#main_nav ul ul li { float: none; font-size:12px; } 
#main_nav ul ul ul { top: 0; left: 99%; } 
#main_nav ul li:hover > ul { visibility: visible; display:block; } 

我怎樣才能讓導航按鈕在整個外部包裝它說:「媒體,社區等..舒展「?

+0

開始使用大寫字母和標點符號的時間。你是一個成年男人! :) –

+2

您喜歡首都和標點符號的唯一原因是因爲當您還是男孩時有人告訴您喜歡它 – Shawn

+1

這或者是對您期待空閒時間,幫助和專業知識的人的尊重的基本標誌。你知道,在某些圈子裏,這種知識需要花費很高的費用。兒子,也許你該開始數你的小雞了。 –

回答

0

只需將#main_nav ul div的寬度設置爲100%,並將您的列表菜單項#main_nav ul li設置爲相等,即100/8 = 12.5%。

+0

謝謝你,工作得很好:-) ..但是現在當我將鼠標懸停在項目上時,下拉菜單旁邊會出現一行...還有..是否有任何簡單的css功能將文字置於文本框內?謝謝:) – Shawn

+0

簡單來說,將你的列表項目居中放置在你的css中的「text-align:center」中,然後在你的css中添加**#main_nav ul li a **聲明並從下拉列表中刪除該行, right:...從你的**#main_nav ul ul **聲明中獲得樣式,或者將子菜單的寬度調整爲121px。 –

+0

謝謝你 - 你是一個高手..只是想知道你在哪裏看到邊界 - 右 – Shawn