Question

我的主页上有一个导航栏，有点疯狂。最终的按钮链接似乎已经扩展到了它的意图，并且它还创建了我在其下面的文本中的链接。我很感激对此的一些帮助，因为我不是一个程序员而且我对整个事情都很陌生并且我很可能犯了一个非常明显的错误（除了我以外的任何人都很明显，就是这样！）。由于显而易见的原因，我还将任何实例更改为“Jon Snow”我的真实姓名所在的地方，也仅仅是因为。

<!DOCTYPE html>

<head>
<p>Jon Snow
Blah + A Student</p>
<link rel="stylesheet" type="text/css" href="jonsnow.css">
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="navigation">
    <ul>
        <li><a href="aboutme.html">About Me</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="contactme.html">Contact Me</li>
    </ul>
</div>

<div id="intro">
    <p>Hi, I'm Jon Snow, a student at Blah, University of Blah. This is my online portfolio!</p>
</div>
</body>

Answer 1

如果这是您网站的直接复制/粘贴，则需要在<a>内关闭<li>标记，以便“与我联系”

此标记：

 <li><a href="contactme.html">Contact Me</li>

应该是这样的：

<li><a href="contactme.html">Contact Me</a></li>

Answer 2

在这一行：

<li><a href="contactme.html">Contact Me</li>

您忘记关闭<a>标记，这导致了您的问题。

要纠正它，只需关闭标记：

<li><a href="contactme.html">Contact Me</a></li>

麻烦的导航栏问题（HTML和CSS）

2 个答案: