2013-08-13 3 views
0

Я начинаю, и я пытаюсь сделать веб-страницу. Я попытался сделать некоторые ссылки. но все они без движения. есть что-то не так в моем html:Почему я не могу щелкнуть мои ссылки навигационной панели?

<div class="navbar"> 
    <nav> 
     <ul> 
      <li id="nav-blog"><a class="nav2" href="http://www.ingridoscar.se/blog.html/">Blog</a></li> 
      <li id="nav-gallery"><a class="nav2" href="http://www.ingridoscar.se/gallery.html/">Gallery</a></li> 
      <li id="nav-about"><a class="nav2" href="http://www.ingridoscar.se/about.html/">About</a></li> 
      <li id="nav-newsletter"><a class="nav2" href="http://www.ingridoscar.se/newsletter.html/">Newsletter</a></li> 
      <li id="nav-support"><a class="nav2" href="http://www.ingridoscar.se/support.html/">Support</a></li> 
      <li id="nav-location"><a class="nav2" href="http://www.ingridoscar.se/location.html/">Location</a></li> 
      <li id="nav-ywampismo"><a class="nav2" href="http://www.ywampismobeach.org/">YWAM Pismo</a></li> 
     </ul>  
     <div id="logo"><a href="http://www.ingridoscar.se/index.html/"><img src='logo150px.png'></a></div> 
    </nav> 
    </div> 

Или проблема в css? Я старался стилизовать его, но когда я закончил, ссылки не работали. там probabli есть сотни лучших способов сделать стайлинг, но я просто хочу, чтобы мои ссылки работать .:

.navbar 
{ 
    height:200px; 
    background:#f1f1f1; 
    position:fixed; 
    top:54px; 
    left:-1px; 
    width:110%; 
}ul 
{ 
    list-style-type:none; 
    margin:auto auto auto 350px; 
    padding:0; 
}li 
{ 
    float:left; 
}.nav1 
{ 
    display:block; 
    width:50px; 
}.nav2 
{ 
    display:block; 
    width:auto; 
    height:auto; 
    margin:75px 30px auto; 
    font-family: "Roboto", sans-serif; 
    color:gray; 
    line-height: 35px; 
    text-align: right; 
    text-transform:uppercase; 
    text-decoration:none; 
}#logo 
{ 
    position:relative; 
    top:25px; 
} 

ТНХ помощи

+0

Попробуйте извлечь его из тега Nav. – PCasagrande

+0

Итак, «unclickable» на самом деле означает, что вы получаете сообщение об ошибке при нажатии на них? На самом деле это не «беспристрастно». Это будет «clickable, но генерирует ошибку». – lurker

+0

Дело в том, что ссылки являются clickeble в explorer, но не в chrome или firefox ... Я действительно не понимаю, почему? .... – user2679758

ответ

2

У вас есть/после .html на каждом из ссылок. Снимите это так, чтобы оно выглядело так:

<div class="navbar"> 
    <nav> 
     <ul> 
      <li id="nav-blog"><a class="nav2" href="http://www.ingridoscar.se/blog.html">Blog</a></li> 
      <li id="nav-gallery"><a class="nav2" href="http://www.ingridoscar.se/gallery.html">Gallery</a></li> 
      <li id="nav-about"><a class="nav2" href="http://www.ingridoscar.se/about.html">About</a></li> 
      <li id="nav-newsletter"><a class="nav2" href="http://www.ingridoscar.se/newsletter.html">Newsletter</a></li> 
      <li id="nav-support"><a class="nav2" href="http://www.ingridoscar.se/support.html">Support</a></li> 
      <li id="nav-location"><a class="nav2" href="http://www.ingridoscar.se/location.html">Location</a></li> 
      <li id="nav-ywampismo"><a class="nav2" href="http://www.ywampismobeach.org/">YWAM Pismo</a></li> 
     </ul>  
     <div id="logo"><a href="http://www.ingridoscar.se/index.html"><img src='logo150px.png'></a></div> 
    </nav> 
    </div> 
Смежные вопросы