2016-10-16 6 views
0

Я был занят много времени, изучая HTML, и я решил сделать wamp-сервер. Все, когда ОК, и я начал кодировать HTML. Но когда я начал кодировать CSS, селектор не будет отображаться на веб-странице в моем локальном домене (rolfweb.net:8080). Но в localhost он показывает все CSS правильно! Код:CSS (селектор), не работающий на сервере WAMP (W10)

<DOCTYPE html> 
<html> 
<head> 
    <title> RolfWeb </title> 

</head> 
<body> 
<link type="text/css" rel="stylesheet" href="/css/indexss.css"/> 
    <nav> 
     <ul> 
      <li> Home </li> 
      <li> Video's </li> 
      <li> Games </li> 
      <li> Contact en informatie </li> 
      <li> Over mij </li> 
     </ul> 
    </nav> 
    <p> Test </p> 
    <footer> 
    </footer> 
</body> 
</html> 

И CSS:

p { 
    color: blue; 
} 
/* This is not working! */ 
nav ul { 
    list-style-type: none; 
    background-color: #3f875f; 
    border: 3px solid #3a756c; 
    text-align: center; 
} 

Так он показывает хорошо на локальный, но на rolfweb.net:8080 нет.

PS: Извините за мой плохой английский я нидерландский: P

+0

Можете ли вы подтвердить, если есть какие-либо папки состав? т.е. localhost = www/& rolfweb.net = www/rolfweb/ –

+0

@Nick_O localhost = www/и RolfWeb = www/Thats, где я помещаю все html-файлы. Я узнал, что стандартный браузер (IE.exe) имеет доступ к rolfweb.net:8080 и localhost: 8080. Но у моих других браузеров есть только доступ к localhost: 8080. – Rolf

+0

Как это может быть? Установили локальный домен через файл хоста и apache и т. Д.? Если так, то все браузеры должны работать. –

ответ

2

Переместите ссылку CSS в теги головы: -

<DOCTYPE html> 
<html> 
<head> 
<title> RolfWeb </title> 
<link type="text/css" rel="stylesheet" href="/css/indexss.css"/> 
</head> 
<body> 
    <nav> 
    <ul> 
     <li> Home </li> 
     <li> Video's </li> 
     <li> Games </li> 
     <li> Contact en informatie </li> 
     <li> Over mij </li> 
    </ul> 
</nav> 
<p> Test </p> 
<footer> 
</footer> 

+0

Не работает. У меня было это в заголовках, но я подумал, что это неправильно, поэтому я поместил его в теги тела, но ничего не произошло.); – Rolf

+0

Проверьте свои консоли разработчика на наличие ошибок. Щелкните правой кнопкой мыши на странице и выберите элемент проверки. –

+0

Я ничего не могу найти – Rolf