2011-10-23 15 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