html - 如何去除weebly中二级菜单项中的箭头?

标签 html css submenu

我说的网站是: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/

相关文章:

html - cfloop 标签内的 div 标签引入了不需要的换行符

html - 可以跳过标题级别吗

html - Golang HTML Web Apps 中没有这样的模板 "xxx"

css - 站点根目录中的图像在本地呈现,但不在 IIS 服务器上呈现

html - imageslider 在 html css 中下降

javascript - Jquery函数在按钮悬停时从div添加/删除类

javascript - 嵌入 Youtube 视频小尺寸但仍然高清质量

用于过滤问题的 Jquery 同位素

Android - ActionBarSherlock - 设置菜单中文本的文本颜色

子菜单的javascript悬停功能