2016-10-28 2 views
0

У меня есть все другие файлы страниц, сохраненные вместе в одной папке, и каждый из них работает индивидуально, но когда я нажимаю на другие параметры меню, он выводит меня на страницу с ошибкой. Я использовал HTML и Sublime 2. Веб-страница, в которой находится каталог меню, кажется моей главной проблемой.Навигационное меню не будет ссылаться на мои другие страницы

#
<!doctype html> 
<html lang="en"> 
<head> 
<style> 
ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
    background-color: #333; 
} 

li { 
    float: left; 
} 

li a { 
    display: block; 
    color: white; 
    text-align: center; 
    padding: 14px 16px; 
    text-decoration: none; 
} 

li a:hover:not(.active) { 
    background-color: #111; 
} 

.active { 
    background-color: #4CAF50; 
} 
</style> 
</head> 

<body> 
     <nav> 
      <ul> 
       <li><a href="home.html">Home</a></li> 
       <li><a href="lawncare.html">Lawn Care</a></li> 
       <li><a href="homeexterior.html">Home Exterior</a></li> 
       <li><a href="kitchen.html">Kitchen</a></li> 
       <li><a href="homeinterior.html">Home Interior</a></li> 
       <li><a href="testyourself.html">Test Yourself!</a></li> 

(The area above is whats not working, all the files are located in the same directory, but when i hit them on the webpage, safari, chrome, etc says the file cannot be found) 
      </ul> 
     </nav> 

<h1>How to Protect Your Home from Pests</h1> 

<img src="http://www.peterandpaulspestcontrol.com.au/files/media/thumbcache/011/c11/60b/ant.jpg"> 

    <section> 
     <article> 
     <p> Pests are very bad. They should be kept away from your stuff. This paragraph will be an intro and describe they lay out of the information.</p> 
     </article> 
    </section> 
</body> 
</html> 
+1

если у вас есть пример имени папки «test» внутри теста, который вам нужен для всех home.html, lawncare.html, homeexterior.html, kitchen.html, homeinterior.html, testyourself.html И каждый html содержит эту навигационную структуру. –

+0

В какой папке находится над страницей и в которой находятся другие файлы? – LGSon

ответ

0

Убедитесь, что ваши файлы (lawncare.html, homeexterior.html и т.д.), которые расположены в той же папке, home.html и друг с другом, или ссылки не будут работать.

В качестве альтернативы, если вы хотите, чтобы ваши файлы HTML находились в другой папке, вам нужно будет добавить этот путь к папке перед вашим именем файла в ваших ссылках. Например, если у вас есть их в папку под названием pages, ваши ссылки будут выглядеть следующим образом:

<li><a href="pages/home.html">Home</a></li> 
<li><a href="pages/lawncare.html">Lawn Care</a></li> 

и так далее ...

0

Попробуйте это: -

<A HREF="pages/about.html">About this site</A> 
Смежные вопросы