JavaScript的下拉菜单

-2

真正爱的下拉，我在http://www.scriptiny.com/2008/04/sliding-javascript-dropdown-menu/JavaScript的下拉菜单

发现我有4个菜单，当我添加此此流过的标志。每个菜单的大小实际上太大了。当我试图改变这个时，子菜单的大小保持不变，看起来很丑。因为SO不允许我附加截图。我基本上希望菜单框的大小更小; CSS代码：

body {margin-left:140px; font:12px Verdana, Arial, Helvetica} 
* {padding:0; margin:0} 
.dropdown {float:right; padding-right:5px} 
.dropdown dt {width:188px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; cursor:pointer; background:url(images/header.gif)} 
.dropdown dt:hover {background:url(images/header_over.gif)} 
.dropdown dd {position:absolute; overflow:hidden; width:208px; display:none; background:#fff; z-index:200; opacity:0} 
.dropdown ul {width:204px; border:2px solid #9ac1c9; list-style:none; border-top:none} 
.dropdown li {display:inline} 
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:194px} 
.dropdown a:hover {background:#d9e1e4; color:#000} 
.dropdown .underline {border-bottom:1px solid #b9d6dc}

来源

2011-05-26 tycoon

这是个问题吗？你不可能让任何人以当前的形式回答这个问题，把你拥有的代码放在一起，然后问你为什么会得到这样的行为将是一个更好的方法。 – Glenn 2011-05-26 06:13:21

如果你已经链接到了你正在使用它的实际站点（或者至少显示了一些代码），它会产生巨大的差异，人们会更加认真地对待你。 – 2011-05-26 06:20:35

...甚至是一个截图。或者说“不正确对齐”的含义。 – 2011-05-26 06:29:16

如果你不能弄清楚事情是这样的，把它放在一个div float:right

<div class="nav-wrapper"> 
    <!-- Your navigation markup --> 
</div> 

.nav-wrapper { 
    float:right; 
}

来源

2011-05-26 06:17:37

我与格伦同意。我们可以更详细地了解你做了什么/尝试过了吗？

我在FireFox 4.01和FireFox 5.0上使用float：right对下拉类进行了测试，并获得了我期望的结果。

编辑：

++韦斯利的解决方案，因为它是清洁的dropwdown类的外部包裹...

Result

来源

2011-05-26 06:19:25 Khepri

是的，这对我也很好。我真的没有看演示。也许他正在谈论一个弹出式菜单，第三层链接正在屏幕右侧。即使问题很微弱，我们也可能永远不会知道...... +1。 – 2011-05-26 06:25:01

JavaScript的下拉菜单

回答

相关问题