href 태그가 작동하지 않습니다. CSS 스타일 방해?

Question

저는 HTML에 비교적 익숙합니다 (현재 몇 주 밖에 안 남았습니다). 내 페이지의 "정보"섹션은 클릭 할 수없는 것 같아 링크 된 페이지로 이동하지 않습니다. 혼란스러운 점은 링크 위로 마우스를 가져 가면 떠 다니는 손 모양 아이콘이 나타나기 때문에 링크가 클릭 가능한 것처럼 보입니다. 새 탭에서 링크를 마우스 오른쪽 버튼으로 클릭하여 열 수 있습니다. CSS를 삭제하고 형식 지정없이 링크를 시도하면 유효합니다.

나는 혼란 스럽다 ... CSS가 어떻게 든 내 href 태그를 망쳐 놓고있다? 은 "navigation.css"페이지에서

<div id="header"> 
    <div class="container"> 
     <div class="row"> 
      <div class="twelwecol last"> 
       <div id="navigation"> <!-- Navigation Links --> 
        <ul> 
         <li><a href="about.htm">about</a></li> 
         <li><a href="#members">members</a></li> 
         <li><a href="#events">events</a></li> 
         <li><a href="#media">media</a></li>    
         <li><a href="#social">social</a></li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

및 코드 :

#header { 
    width: 100%; 
    height: 49px; 
    color: white; 
    background-color: #1b1e25; 
    position: fixed; 
    z-index: 9999; 
} 
#logo { 
    background-image: url('../images/assets/logo.png'); 
    background-repeat: no-repeat; 
    height: 80px; 
    width: 80px; 
    display: block; 
    float: left; 
} 
#navigation { 
    padding-top: 2px; 
    width: 480px; 
    display: block; 
    margin: 0px auto; 
} 
#navigation ul { 
    padding:0px; 
    margin: auto; 
    text-transform: uppercase; 
} 
#navigation ul li { 
    display:inline; 
    float:left; 
    list-style:none; 
    padding: 13px 20px 13px 20px; 
} 
#navigation ul li { 
    display:inline; 
    float:left; 
    list-style:none; 
    padding: 13px 20px 13px 20px; 
} 
#navigation ul li a { 
    color: gray; 
    text-decoration: none; 
    font-family:'Scada', sans-serif; 
    font-size: 13px; 
} 
#navigation ul li a:hover { 
    color: white; 
} 
.current { 
    border-bottom: 1px solid #cb1c1c; 
    color: white; 
} 
#contact { 
    padding-top: 12px; 
    float: right; 
    position: relative; 
} 
#contact a { 
    text-decoration: none; 
    text-transform: uppercase; 
    font-size: 9px; 
    color: gray; 
    padding: 11px; 
} 
#contact a:hover { 
    color: white; 
    border: #333333 1px solid; 
    padding: 10px; 
} 

사람이 여기에 무슨 일이 일어나고 있는지 말해 줄래 여기

는 HTML입니까? 어떤 도움을 주시면 감사하겠습니다!

Answer 1

a 태그 내에 포함되어 있기 때문에 클릭 가능한 것으로 보입니다. 당신이 무언가를 연결할 때 href는 적당한 연장이있을 필요가있다. 너 .htm을 사용하고 html을 사용하지 않았습니까?

CSS는 스타일 (CSS = CSS 스타일 시트)에 영향을 미치므로 href 기능과 같은 html (또는 다른 모든) 기능에 영향을 미치지 않습니다. 당신이 바로 작동이 [JSFiddle] (http://jsfiddle.net/kUWL9/), 당신의 코드에서 볼 수 있듯이

는 href="about.html"