href tag не работает. css стиль мешает?

Я относительно не знаком с HTML (всего несколько недель), и я застрял. Раздел «about» на моей странице не кажется кликабельным и не приведет меня на связанную страницу. Путаница заключается в том, что ссылка, похоже, доступна для кликабельности, поскольку значок плавающей руки появляется при наведении курсора на ссылку. Я могу щелкнуть правой кнопкой мыши и открыть ссылку на новой вкладке. Если я удалю css и попробую ссылку без форматирования, она также действительна.href tag не работает. css стиль мешает?

Я в замешательстве ... CSS как-то испортился с моим тегом href?

вот HTML:

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

и код со страницы "navigation.css":

#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; 
}

Может кто-то пожалуйста, скажите мне, что здесь происходит? Любая помощь была бы очень признательна!

источник

2013-12-18 roobensandwich

Ну, как вы можете видеть в этом [JSFiddle] (http://jsfiddle.net/kUWL9/), вы код работает правильно. Так это действительно весь код или может быть что-то еще? Кроме того, попробовали обновление chache страницы? – Mathlight

Какой браузер вызывает проблемы? –

Его работа прекрасна, пожалуйста, проверьте http://jsfiddle.net/raunakkathuria/g98cB/ о ссылке можно щелкнуть, но другие не будут такими, какими они являются внутренними ссылками, может быть какой-то javascript, если какой-либо из них предотвращает его. –

появляется щелчок, потому что он содержится в теге a. Когда вы связываете что-то, ваш href должен иметь соответствующее расширение. Вы уверены, что используете .htm, а не html?

Кроме того, CSS влияет на стиль (css = каскадная таблица стилей), он не влияет на функции html (или любые другие), такие как функция href.

попробуйте изменить HREF для href="about.html"

источник

2013-12-23 04:11:01

href tag не работает. css стиль мешает?

ответ

Смежные вопросы