style.css не работает при предварительном просмотре webhoster для моего сайта, но работает в локальном «автономном» HTML-файле - PullRequest
0 голосов
/ 19 апреля 2019

Я сейчас работаю над своим сайтом.Поэтому я закодировал немного HTML с помощью style.css.Тестирование в автономном режиме - все работает, как и ожидалось, но когда я загружаю его на свой веб-хостер и получаю предварительный просмотр моего веб-сайта, отображается только необработанный html без чего-либо из style.css

Я уже проверил путь иперезаписал его правильным для меня путем (из корня веб-сервера) - он немного изменился, но все еще далек от правильного внешнего вида.

Голова моего index.html (Единственная страница, которая у меня есть)

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title> test </title>
<link rel="icon" href="img/fav.png" type="image/x-icon">

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="ionicons/css/ionicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<!-- main css -->
<link href="httpdocs/css/style.css" rel="stylesheet">


<!-- modernizr -->
<script src="js/modernizr.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

, а также мой путь:

https://i.imgur.com/0YNkUrJ.png

Результат описан кактолько некоторый html текст, но не так, как он выглядит с style.css

1 Ответ

2 голосов
/ 19 апреля 2019

Вы должны использовать относительные пути из httpdocs.

Так что измените httpdocs/css/style.css на ./css/style.css.

...