Question

我目前正在通过编写自己的网站来学习和练习（所以我是新手），但我无法弄清楚为什么我的第一个导航链接左边有一个额外的链接

如果我删除了我的导航链接（HTML端）或者我在CSS导航下带走了填充，我只需要去掉它。

这是渲染时页面的图像。由于我的鼠标悬停，额外的链接是紫色的：http://i.imgur.com/vEv32n5.png

＆＃13;

    <style>
        body {
            background-color: cadetblue;
            font-size: 1em;
        }
        .siteheader {
            display: inline;
        }
        .sitelogo {
            float:left;
            margin-left: 10px;
        }
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        .sociallinks {
            display: inline;
            float: right;
            margin-right: 10px;
            margin-top: 53px;
            margin-bottom: 53px;
        }
        .sitenav {
            display: inline;
            text-align: center;
        }
        .sitenav a {
            background: red;
            text-decoration: none;
            padding: 5%;

        }
        li a:hover {
            background-color:#5d77dd;
        }

    </style>

＆＃13;

 <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">   
<title>Site Name Homepage</title>
</head>
<body>
    <nav role="navigation">    
<div class="siteheader">
    <a href="javascript:void(0)" class="sitelogo"><img src="../Img/TestingLogo.png" alt="Site Logo"></a>
    <ul>
    <li class="sociallinks"><a href="javascript:void(0)"><img src="../Img/IconGrayToneByAlfredo/facebook.jpg" alt="Facebook"></a></li>
    <li class="sociallinks"><a href="javascript:void(0)"><img src="../Img/IconGrayToneByAlfredo/twitter.jpg" alt="Twiiter"</a></li>
    <li class="sociallinks"><a href="javascript:void(0)"><img src="../Img/IconGrayToneByAlfredo/instagram.jpg" alt="Instagram"</a></li>
    <li class="sociallinks"><a href="javascript:void(0)"><img src="../Img/IconGrayToneByAlfredo/pinterest.jpg" alt="Pinterest"</a></li>
    <li class="sociallinks"><a href="javascript:void(0)"><img src="../Img/IconGrayToneByAlfredo/tumblr.jpg" alt="Tumblr"</a></li>
    </ul>
    <ul>
    <li class="sitenav"><a href="javascript:void(0)">Home</a></li>
    <li class="sitenav"><a href="javascript:void(0)">Work</a>
    <li class="sitenav"><a href="javascript:void(0)">Blog</a></li>
    <li class="sitenav"><a href="javascript:void(0)">About</a></li>
    <li class="sitenav"><a href="javascript:void(0)">Store</a></li>
    </ul>
    </div>
    </nav>
    </body>
</html>

＆＃13;

请帮我摆脱额外的链接，谢谢你的帮助！

Answer 1

我添加了“＆gt;”它是有效的，正如Immortal Dude所建议的那样（它显示为评论而非答案所以我不知道如何标记它）。

感谢大家的意见！

Answer 2

如果您可以复制粘贴代码，将会很有帮助。

我确实注意到第61行缺少结束li标记，所以也许你可以试试。

我的导航链接中出现未知的额外链接（调试帮助）

2 个答案: