Question

我是初学者，我尝试做一个网页。我试着建立一些链接。但他们都是无法解释的。我的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;
}

请求帮助

Answer 1

您的每个链接都有/ .html .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>

为什么我不能点击我的导航栏链接？

1 个答案: