CSS Styling не отображается на GitHub после развертывания - PullRequest
0 голосов
/ 20 марта 2019

Я отправил несколько проектов в свой профиль GitHub, и для каждого из них не отображается ни один из стилей CSS при развертывании проекта в браузере. Это просто появляется с простым HTML. Я исследовал переполнение стека для ответа, и я попробовал методы, рекомендованные другим, и у меня все еще есть те же результаты.

Это ссылка на страницу https://deniseo25.github.io/Excursion/.

Мой код HTML:

<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, inital-scale=1.0">
    <meta http-eqiv="X-UA-Compatible" content="ie-edge">
    <title>Excursion</title>
    <link href="./resources/css/style.css" type="text/css" rel="stylesheet"/>

  </head>
<body>
  <!--Landing Section-->

    <h1 class="header--main">Discover hidden places in the world around you</h1>
    <p><a class="link--cta" href="#">Download Excursion (Coming soon!)</a></p>
    <video autoplay muted loop>
      <source src="resources/videos/excursion.mp4" type="video/mp4">
    </video>

    <!--Information section-->

    <h2 class="header--secondary">Your personal travel guide</h2>
    <h4 class="header--subheader">Excursion remembers places you like, and recommends new points of interest around you.</h4>
    <p><img src="resources/images/camp.jpg" alt="camp"></p>

    <!--Coming Soon Section-->

    <p><img src="resources/images/phone.png" alt="phone"></p>
    <h4 class="header--subheader">Coming Soon for iPhone and Android</h4>
    <p><a class="link--cta" href="#">Download Excursion (Coming soon!)</a></p>

    <!--Footer Section-->

    <p class="footer-copyright">© Excursion</p>

</body>
</html>

Ответы [ 2 ]

0 голосов
/ 20 марта 2019

Это происходит потому, что сервер возвращает 404 (не найдено) при попытке загрузить таблицу стилей.

Request code

0 голосов
/ 20 марта 2019

Путь, который вы указали для CSS, неправильный

https://deniseo25.github.io/Excursion/resources/css/style.css
щелкните здесь, чтобы отобразить 404

Правильный путь - это
https://deniseo25.github.io/Excursion/Resources/CSS/style.css
Пожалуйста, измените, и это будет работать
Так что в разделе заголовка, это должно быть

<link href="./Resources/CSS/style.css" type="text/css" rel="stylesheet">
...