2014-01-31 45 views
0

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

请帮助! 并感谢您提前

+2

您是否尝试过使用开发人员工具栏?你应该能够看到什么CSS导致这些事情。 –

回答

0

,用于隔开你可以试试这个

.wsite-menu-wrap ul li div.wsite-menu-wrap { left: 111px !important; }

;)

+0

非常感谢!我现在可以改变它们之间的距离。 – user3255649

0

更改子宽度从200至100像素(大多数号码反正硬编码的,所以我想你也不用担心长时间的菜单项)

#weebly-menus .weebly-menu li, #wsite-menus .wsite-menu li { 
    ... 
    width: 100px; 
} 

从HTML删除wsite-menu-arrow,或至少隐藏

#wsite-menus .wsite-menu-arrow { 
    display: none; 
} 
+0

感谢您提供关于箭头的解决方案。有效!! – user3255649

+0

但宽度不能改变...也许我不明白你建议我做什么。你可以在代码中看到的宽度是70或90像素 – user3255649