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的问题？我尝试对其进行样式设置，但完成后链接不起作用。可能有数百种更好的方式来做造型，但我只想让我的链接工作。：

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

谢谢帮助

4

1 回答 1

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>
于 2013-08-13T19:01:55.713 回答