CSS отказывается отображаться на моей странице.Проблема с каталогом?WebPack? - PullRequest
Новая
       1

CSS отказывается отображаться на моей странице.Проблема с каталогом?WebPack?

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

Я уверен, что это что-то простое, но я нашел слишком много разных решений, чтобы понять, где я сейчас ошибся. Я планирую сделать этот сайт полным вовремя, но я все еще свеж. Любая помощь приветствуется. Вот заголовок и навигация, затем css, с которым я возился 

/*General Styles*/
body{
  padding: 0;
  margin: 0;
  background-color: #007bff;

}
header nav #left{
  background: #0f6674;
  color: #f2f2f2;
  padding-top: 50px;
  min-height: 70px;
  border-bottom: #c82333;
}

header nav {
  color: #f2f2f2;
  text-decoration: none;
  font-size: 14px;
}
header ul{
  padding: 0;
  margin: 0;
}
header li{
  float: left;
  display: inline;
  padding: 0 20px 0 20px;
}
/*Positions Container*/
.container{
  position:relative;
  width: 80%;
  margin: auto;
  overflow: hidden;
}

<!doctype HTML>

<html>

<head>
  <title> Artistic Audio & Visual D.C. </title>
  <meta name="description" content="Distributed Home Systems"/>
  <meta name = "author" content ="Elishua S. Brown"/>
  <meta name="authorURL" content="http://www.artavdc.com/index.html"/>

  <!--Mobile Specific-->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--Internet Explorer-->
  <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>

  <!--Bootstrap-->
  <link href="bootstrap.css" rel="stylesheet"/>

  <!-- Reset page styles & Add Custom Styles-->
  <link href="Styles.css" rel="stylesheet" />
  <link href="Reset.css" rel="stylesheet" />
  <script	src="Homepage.js"> </script>


  <title> Artistic Audio/Visual | Welcome! </title>
</head>

  <body>

  <header>

  <!--Navigation Bar-->
    <!--Add Logo to SRC-->
  <img src= "src/img/Artav-logo-w.jpg" id="logo" alt="" />

    <div id= NavBarImg"></div>



      <nav>

        <ul id="left">

          <h1>You Imagine It, We Create It</h1>
          <li><a href="Artistic%20Home.html">Artistic Home</a></li>
          <li><a href="Audio.html">Audio Installation</a></li>
      


        </ul>
        <ul id="right">
          <li><input type="search" id="navSearch" placeholder="Search"></li>

          <h2>Subscribe to Recieve Special Offers & Updates</h2>

          <form>
            <input type="text" placeholder="Company Name.."/>
            <input type="email" placeholder="Email.."/>
            <button type="submit">Subscribe</button>


          </form>

          <!--Add link to Appointment Request Form-->
          <li><a href="">Request Appointment</a></li>



        </ul>

    </nav> <!--End Nav-->

Насколько я знаю, я закрыл и правильно использовал все теги. Это должно быть что-то довольно простое, я не совсем уверен.

1 Ответ

1 голос
/ 18 марта 2019

Вы должны использовать ./Reset.css, если хотите включить файлы, которые находятся в одном каталоге.

Если ваши файлы находятся в другом каталоге, вы должны использовать ./css/Reset.css.

Также помните, что ваши файлы должны быть названы заглавными буквами, если вы хотите, чтобы они работали.

Исходя из ваших путей, которые вы оставили в комментариях, вы должны включить их следующим образом: 

./src/CSS/Styles.css
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...