我从网站(purecss.menus.com)下载了一个CSS下拉菜单。它从垂直菜单开始,当您悬停在上面时,子菜单出现在菜单的右边。我已将主菜单改为水平显示。但我不确定要更改CSS代码的哪一部分,以便子菜单垂直显示在菜单项下。我尝试过更改ul ul、ul li ul等的宽度、位置和显示属性,但似乎无法工作。
这是一个
我正在尝试构建我的第一个纯CSS下拉菜单,没有任何插件,我得到了它看起来像我想要的,但我有一个问题是,下拉菜单似乎垂直“关闭”一个像素,他们似乎下降了另一个像素,每一级。我试着抛出了太多的空格:0和填充:0,我都忘了。我想在我永久陷入困境之前,我应该寻求帮助:)
页面/source/css可以在bezaluhosting.com/ The /menu.htm上查看
我已经为下拉菜单编写了大部分HTML和CSS,但是我不能让下拉菜单垂直堆叠,它是水平显示的。我怎么才能让它垂直堆叠?
下面是HTML代码:
<!-- Buttons to navigate site -->
<div class = "navbar">
<button id = "home"><a href = "index.html">Home</a></button>
<button id = "
所以我现在有一个带有管道分隔符的下拉列表,比如So => Home | About | Tab3
CSS看起来像这样:
.navigation li a:after {
content: " | "; }
我将鼠标悬停在下拉菜单上,但问题是当它改变颜色时,它会包含带有顶层下拉菜单的|竖线。下拉菜单是标准的下拉菜单CSS:
.multi-column-dropdown li a {
display: block;
clear: both;
color: #eee;
white-space: n
我有一个菜单,当我悬停下拉菜单时,我会跟随和,但不幸的是,我得到的结果与expected..im getting list不同,但它显示为水平而不是垂直的线条,如示例所示,这是我添加的代码,用于创建下拉菜单
css
ul # menu li ul .submenu{
display:none;
}
ul # menu li : hover ul .submenu{
display:block;
}
这是html
<div id="menu">
<ul id="menu-list
我已经使用twitter bootstrap实现了一个网站。在网站的顶部,我使用了一个导航栏,里面使用了一个下拉菜单。下拉菜单由< ul >和< li >标记组成。我显示了dropdwon菜单中的成员列表。当成员列表增长时,下拉菜单水平增长,为此,我在dropdown-menu类中添加了一个overflow: auto。现在它显示了一个垂直滚动条,并且在浏览器中运行良好。
但同样的事情在iPad和其他iOs设备上是行不通的。我在谷歌上搜索了一下,发现-webkit-overflow-scrolling: touch应该可以工作。但它对我不起作用。也有很多其他的解决方案,