목록 스타일 유형을 추가하여 탐색 메뉴에 글 머리 기호가 표시됩니다. 없음

Question

UL에 CSS를 추가하고 글 머리 기호를 표시하는 데 문제가 있습니다.

이

내 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> 

입니다` list-style-type = none; 그러나 나는 그것을 추가했을 때 나는 여전히 같은 문제를 겪고있다.

여기에 문제 사이트 http://khaneyeparastesh.com/indexHomeNew.htm

Answer 1

list-style-type 내 URL되지이다. JS Fiddle에 입력 한 코드를 입력하면 글 머리 기호가 표시되지 않습니다. 나는 당신이 당신의 웹 사이트에 보여주고있는 붉은 "총알"점을 언급하고 있다고 생각합니다. 다음은이 스타일의 결과입니다.

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

제거하면 빨간색 글 머리 기호가 사라집니다.