我说的网站是: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>
请帮忙!!! 提前谢谢你
最佳答案
对于间距你可以试试这个
.wsite-menu-wrap ul li div.wsite-menu-wrap {
左:111px !重要;
}
;)
关于html - 如何去除weebly中二级菜单项中的箭头?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21471245/