2012-06-19 2 views
0

Я полный новичок в CSS и просматриваю некоторые примеры на Youtube с помощью HTML и CSS. Моя проблема в том, что появляется несколько пустых ссылок. (Вот ссылка, чтобы вы знаете, что я имею в виду http://cly.site90.net/images/Error.png.).CSS с несколькими путями Ссылки добавлены

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 пустые ссылки имеют нет письма, ссылка на индекс, около & Log-in.html. Когда я вывожу height:20px; или display:block; от #divNav ul li a{}, они исчезнут http://cly.site90.net/images/Error1.png. но я не могу изменить размеры ссылок вообще (и я действительно хотел бы).

Я хотел бы знать, откуда пришли эти дополнительные ссылки и, надеюсь, решение? Просто помните, что я новичок в CSS, и любая помощь будет высоко оценена.
Благодарим вас за время.

+0

Что вы подразумеваете под вопросом? мульти-Что? – feeela

ответ

4

Вы должны закрыть <a> теги:

Изменение:

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

To:

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

Также нужно исправить опечатку:

Изменить :

</ul/ 

To:

</ul> 

SEE EXAMPLE

+0

Ничего себе, я даже не заметил, что '' не закрывается 0.0. Хороший улов = стр. – Fewfre

+0

@Kyomu: Правильная IDE поймала бы это легко :) –

+0

Спасибо, что не верю, что я пропустил это приветствия :) –

0

Ваши теги не закрыты, вам нужно </a> после текста,

Например ...

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

Ваш конечный тег UL также имеет опечатку, вы написали </ul/, когда это должно быть </ul>.

Я не уверен, что они исправит вашу проблему, но html & css может быть странным! :)

Смежные вопросы