弹出导航菜单

时间:2012-02-28 15:12:53

标签: css

过去创建了下拉菜单,我认为更改代码以制作“弹出”菜单并不困难,但我无法获得第二套列出要水平显示的项目。我已经指定:

#nav li li {
    display: inline;
    float: left;
}

但列表项仍在垂直显示。代码可以在http://www.durapropainting.com/draft/index.html完整找到。

2 个答案:

答案 0 :(得分:0)

#nav ul li

明智地选择你的选择?

它的父容器也是一个垂直div,你需要将它移出容器以获得更多

编辑:

#pop li a {display: inline;}

答案 1 :(得分:0)

#nav ul li ul{
    display: none;
    position: absolute;
    left: 170px;
    top: 180px;
    z-index: 1000 !important;
    width: 400px;
} 

#nav ul li ul li{
    background-color: #F8981D;
    padding: 5px;
}