2012-06-19 4 views
0

저는 CSS에 대한 완전한 초보자이며 HTML과 CSS를 사용하여 Youtube의 몇 가지 예를 살펴 보았습니다. 내 문제는 여러 빈 링크가 나타납니다. (다음은 내가 무슨 뜻인지 알 수 있도록 링크입니다 http://cly.site90.net/images/Error.png..)여러 개의 빈 링크가있는 CSS가 추가되었습니다.

html로는 간단하다 :

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 개 빈 링크가 있습니다 : 여기

<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 코드입니다 글이 없으면 색인으로 연결됩니다. & Log-in.html. 내가 height:20px; 또는 display:block;#divNav ul li a{}에서 꺼내면 http://cly.site90.net/images/Error1.png가 사라집니다. 하지만 나는 정말로 링크를 재조정 할 수 없다 (그리고 나는 정말로하고 싶다).

이러한 추가 링크의 출처 및 해결 방법을 알고 싶습니다. CSS를 처음 접했을 때 도움이된다면 많은 도움이 될 것입니다.
시간 내 주셔서 감사합니다.

변경 :

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

사람 :

+0

질문 제목은 무엇을 의미합니까? 멀티 - 무엇? – feeela

답변

0

, 당신은 텍스트 뒤에 </a> 필요

예를 들어

...

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

최종 UL 태그에도 입력 오류가 있습니다. </ul> 일 때 </ul/을 작성했습니다.

Im은 당신의 문제를 해결할 수 있는지 확실하지 않지만 html & css가 이상 할 수 있습니다! :)

관련 문제