我正在我的一个菜单项上制作一个下拉菜单。
IE:| Home | About | Store | Contact |
我想为说关于页面创建一个下拉菜单...但是每当我尝试添加
<div id="snaznav"> <a href="#" id="home">Home</a>
<ul>
<li><a href="#" id="about">About</a>
<ul>
<li><a href="#">Submenu1</li>
<li><a href="#">Submenu2</li>
<li><a href="#">Submenu3</li>
</ul>
</li>
</ul></div>
每个下一个菜单项都会受到以下干扰:
主页 | 关于店铺 | 联系方式 |
我不知道..问题出在哪里?
我的 CSS 代码是:
#snaznav {
float:left;
height:42px;
top:151px;
width:670px;
}
#snaznav a {
float:left;
height:41px;
display:block;
}
#home {
background:url(http://www.abc.com/home.gif) no-repeat transparent;
background-position:0 -2px!important;
width:77px;
}
#about {
background:url(http://www.abc.com/about.gif) no-repeat transparent;
background-position:-78px -2px!important;
width:104px;
}
#store {
background:url(http://www.abc.com/storegif) no-repeat transparent;
background-position:-307px -2px!important;
width:82px;
}
#contactus {
background:url(http://www.abc.com/contact.gif) no-repeat transparent;
background-position:-388px -2px!important;
width:131px;
}
如果你需要知道什么,尽管说我!!