我所说的网站是:http://www.events.elenifrantzi.com/ 您可以看到第二级子菜单存在两个问题。 第一个是箭头(我无法摆脱它) 第二个是第一级子菜单和第二个子菜单之间的距离。 我无法找到任何东西,它改变这两个东西....如何删除二级菜单项中的箭头?
为菜单的CSS是:
/*侧面导航 -------------- -------------------------------------------------- ---------------- */
#avmenu {
clear: left;
float: left;
width: 70px;
margin: 0;
padding: 0;
font-size: 17px;
}
#avmenu ul {
list-style: none;
width: 70px;
margin: 0;
padding: 0;
}
#avmenu li {
list-style: none;
}
#avmenu li a {
font-weight: 300;
line-height: 1;
text-decoration: none;
color: #7b7b7b;
font-family: "Dosis", Arial, Helvetica, sans-serif;
font-size: 16px;
display: block;
padding: 11px 5px 11px 0;
border-bottom: 1px solid #2a2a2a;
}
#avmenu li#active a,
#avmenu a:hover {
color: #b1b1b1;
background: #1e1e1e;
}
/*导航下拉菜单自定义 ---------------- -------------------------------------------------- -------------- */
#wsite-menus .wsite-menu {
position: relative;
top: 0;
}
#wsite-menus .wsite-menu li a {
padding: 6px 5px 7px -25px;
width: 90px;
background: none;
border: none;
text-decoration: none;
font-family: "Dosis", Arial, Helvetica, sans-serif;
font-size: 14px;
display: block;
font-weight: 300;
color: #7b7b7b;
}
#wsite-menus .wsite-menu li a:hover {
color: #b1b1b1;
background: none;
}
和HTML:
<div id="main-wrap">
<div id="main">
<div id="avmenu">{menu}</div>
<div id="content">{content}
<div class="clear"></div>
</div>
请帮助! 并感谢您提前
您是否尝试过使用开发人员工具栏?你应该能够看到什么CSS导致这些事情。 –