0

我是一个完整的 CSS 新手，并在 Youtube 上使用 HTML 和 CSS 浏览了一些示例。我的问题是出现多个空白链接。（这里有一个链接让你知道我的意思。http://cly.site90.net/images/Error.png。）

HTML 很简单：

<body>
<div id="divWall">
 <div id="divLinks">
    <div id="divNav">
       <ul>
           <li><a href="Index.html">Main</li>
           <li><a href="About.html">About</li>
           <li><a href="Log-in.html">Log-in</li>
           <li><a href="Register.html">Register</li>
       </ul/
    </div>
 </div>
</div>
</body>

这是CSS代码：

 body, h1, h2, h3, h4, h5, h6, p, div, ul, li {
 margin:0;
 padding:0;
 }
 body{
 font-family: Verdana, Geneva, asns-serif;
 background-color: #FFF;
 }
 #divWall {
 width:700px;
 margin:20px auto;
 }
 #divLinks {
   width:700px;
   background:#666;
 }
 #divNav {
  width:384px;
  background:#666;
  height:36px;
  margin:0 auto;
 }
 #divNav ul {
    list-style-type:none;
 }
 #divNav ul li {
   float:left;
 }
 #divNav ul li a {
   display:block;
   height:20px;
   background:#000;
   width:80px;
   font-size:0.8em;
   color:#FFF;
   text-align:center;
   text-decoration:none;
   margin:7px;
 }

3个空白链接没有文字，将链接到Index、About & Log-in.html。当我取出height:20px;或display:block;取出时，#divNav ul li a{}它们会消失http://cly.site90.net/images/Error1.png。但我根本无法重新调整链接的大小（我真的很想这样做）。

我想知道这些额外的链接来自哪里，并希望有一个解决方案？请记住，我是 CSS 新手，任何帮助将不胜感激。
谢谢你的时间。

4

2 回答 2

4

您需要关闭<a>标签：

改变：

<li><a href="Index.html">Main</li>

至：

<li><a href="Index.html">Main</a></li>

您还需要修正一个错字：

改变：

</ul/

至：

</ul>

查看示例

于 2012-06-19T15:56:33.463 回答
0

您的标签没有关闭，您需要</a>在文本之后，

例如...

<li><a href="Index.html">Main</a></li>

您的最终 UL 标记也有一个错字，您已经写</ul/了应该是</ul>.

我不确定这些是否能解决您的问题，但 html 和 css 可能会很奇怪！:)

于 2012-06-19T16:00:27.203 回答