2015-01-05 1 views
0

내 탐색 표시 줄에서 오류가 발생했습니다. 내 "기술"페이지에서 홈 페이지로 이동하면 작동합니다. 그러나 홈 페이지에서 기술 페이지로 이동할 때 아무런 변화가 없습니다. 정직하게 말이되지 않기 때문에이 오류를 설명 할 수 있습니까?<a href > 링크는 단방향으로 만 작동합니다.

HTML : 홈 페이지

<body> 

<h1 class = "name"><font color = "#3399FF"> Prog-Assist | </font><font size = "12"> Where Collaboration is Welcomed</font></h1> 

<div id = "header"> 
    <div id = "gradient"> 
     <div class = "nav"> 

    <!-- container-fluid gives full width container of whole viewport --> 

    <div class = "container-fluid"> 


    <ul id = "nav" class= "text-left"> 
     <li><a href = "Main.html">Home</a></li> 
     <li><a href = "Tech.html">Technologies</a></li> 
     <li><a href = "#">Programs</a></li> 
     <li><a href = "#">Blog</a></li> 
    </ul> 

    <ul id = "nav" class = "text-right"> 
     <li><a href = "#"><strong>Sign Up</a></li> 
     <li><a href = "#">Sign In</a></li> 
     <li><a href = "#">Contact</strong></a></li> 
    </ul> 

    </div><!-- end container-fluid--> 
     </div><!--end nav--> 
    </div> 
</div> <!-- end header --> 

기술 페이지 : 링크

<body> 

<h1 class = "name" ><font color = "#3399FF"> Prog-Assist | </font><font size = "12"> Where Collaboration is Welcomed</font></h1> 

<div id = "header"> 
    <div id = "gradient"> 
     <div class = "nav"> 

    <!-- container-fluid gives full width container of whole viewport --> 

    <div class = "container-fluid"> 


    <ul id = "nav" class= "text-left"> 
     <li><a href = "Main.html">Home</a></li> 
     <li><a href = "Tech.html">Technologies</a></li> 
     <li><a href = "#">Programs</a></li> 
     <li><a href = "#">Blog</a></li> 
    </ul> 

    <ul id = "nav" class = "text-right"> 
     <li><a href = "#"><strong>Sign Up</a></li> 
     <li><a href = "#">Sign In</a></li> 
     <li><a href = "#">Contact</strong></a></li> 
    </ul> 

    </div><!-- end container-fluid--> 

     </div><!--end nav--> 
    </div> 
</div> <!-- end header --> 

CSS : 파일과

#nav { 

list-style: none; 

} 

.nav a { 

text-decoration: none; /*remove underline*/ 
text-transform: uppercase; 
color: #00002E; 

} 

.nav li { 

display: inline; 
float: left; 
padding: 10px; 

} 

.text-left { 

float: left; 
padding-left: 30px; 
} 

내 폴더 :

enter image description here

나는이 문제를 해결하기 위해 요소를

enter image description here

답변

1

일부 단계를 검사 할 때 :

  • 이 파일 이름을 소문자. Main.html은 다른 모든 html 파일과 마찬가지로 main.html이됩니다.
  • 열기 및 닫기 태그 인 <html>을 올바르게 사용하십시오. 이건 중요하다!
  • 당신은 같은 물건을 적용 할 수있는 것을 탐색
  • 작동 표시하도록 스타일 (stylesheet.css)
  • 내가 "나는 메인 페이지 해요"를 추가했고 제목을 포함하도록 <link> 태그를 사용할 수 있습니다 귀하의 tech.html
  • 네비게이션 및 CSS 스타일에도.

파일 : main.html

<html> 
<head> 
    <title>Main Page</title> 
    <link rel="stylesheet" type="text/css" href="stylesheet.css"> 
</head> 
<body>  
    I'm the Main Page. 

    <h1 class = "name"> 
     <font color = "#3399FF"> Prog-Assist | </font><font size = "12"> Where Collaboration is Welcomed</font> 
    </h1> 

    <div id = "header"> 
     <div id = "gradient"> 
      <div class = "nav">  
       <!-- container-fluid gives full width container of whole viewport -->  
       <div class = "container-fluid">  
       <ul id = "nav" class= "text-left"> 
        <li><a href = "main.html">Home</a></li> 
        <li><a href = "tech.html">Technologies</a></li> 
        <li><a href = "#">Programs</a></li> 
        <li><a href = "#">Blog</a></li> 
       </ul>  
       <ul id = "nav" class = "text-right"> 
        <li><a href = "#"><strong>Sign Up</a></li> 
        <li><a href = "#">Sign In</a></li> 
        <li><a href = "#">Contact</strong></a></li> 
       </ul>  
       </div><!-- end container-fluid--> 
      </div><!--end nav--> 
     </div> 
    </div> <!-- end header --> 
    </body> 
</html> 
+0

나 파일의 이름을 변경하려고하자 난 내 페이지에서 닫는 태그를해야합니까 너무 – narue1992

+0

WOW ... 내가 지금 파일을 모두 소문자로 이름을 변경하고 그들은 작동하지만 ... 그게 무슨 뜻인지는 모르지만 고정되어 있습니다. XD – narue1992

+0

아, 이상하지만 행복합니다. – Mramaa