0

私はCSSの完全な初心者であり、HTMLとCSSを使用してYoutubeでいくつかの例を見ていきます。私の問題は、複数の空白のリンクが表示されることです。（ここに私が何を意味するかを知らせるためのリンクがあります。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 に答える