Question

我一直遇到将问题添加到UL并且仍然出现问题的问题。

这是我的HTML代码

<div id="menu">
<ul>
<li><a href="contact_us.htm"> تماس با ما</a></li>
    <li><a href="about_us.htm">درباره ما</a></li>
    <li><a href="Archive_Video.htm"> آرشیو ویدئو</a></li>
    <li><a href="Archive_Songs.htm">آرشیو سرودها و منابع پرستشی</a></li>
    <li><a href="indexHome.htm">خانه</a></li>
</ul> 
</div>

这是我的CSS

<style>
#menu {
    width: 780px;
    height: 40px;
    font-size: 13px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 2px 3px #333333;
    background-image: url("images/Menu_Background.jpg");
           border-radius: 9px;
}
#menu li {
list-style:none;
list-style-type:none;
display: inline;
padding: 20px;
}

#menu ul {
    height: auto;
    padding: 8px 0px;
    margin: 0px;
}

#menu a {
    text-decoration: none;
    color: #fff;
    padding: 8px 8px 8px 8px;
}

#menu a:hover {
    color: #F90;
    background-color: none;
}

</style>

我已经阅读了Stackoverflow上提出的许多其他论坛和问题，解决方案是添加`list-style-type = none;但当我补充说我仍然有同样的问题。

这是我的网站http://khaneyeparastesh.com/indexHomeNew.htm

的网址

Answer 1

list-style-type不是您的问题。当您输入 JS Fiddle 上提供的代码时，没有项目符号。我相信你指的是红色＆＃34; bullet＆＃34;在您的网站上显示的点数。这是这种风格的结果：

li a {background: url(images/bull.gif) 0 7px no-repeat;}

移除它，红色子弹将消失。

导航菜单中出现的子弹点添加了list-style-type：none

1 个答案: