Я не могу заставить мою css правильно связать мой файл php - PullRequest
0 голосов
/ 13 февраля 2020

Сейчас я работаю над школьным проектом, в котором я создаю книжный магазин. Я создал первую страницу и теперь пытаюсь использовать php для создания системы входа и регистрации. Я создал страницу регистрации (php) и вместе с ней создал файл CSS для go, однако я не могу подключить эти два устройства должным образом. Когда я запускаю его в localhost, css не будет отображаться. Я не вижу ошибки в своем коде и не понимаю, почему он не работает. Я попытался немного изменить имя css, чтобы увидеть, была ли проблема с именованием, но, похоже, больше ничего не работает.

/* Import Google Font */

@import url('https://fonts.googleapis.com/css?family=Lora&display=swap');
.form-div {
  margin: 50px auto 50px;
  padding: 25px 15px 10px 15px;
  border: 1px solid #80ced7;
  border-radius: 5px;
  font-size: 1.1em;
  font-family: 'Lora', serif;
}
<!DOCTYPE html>
<html lang="en">

<head>
  <Meta charset="UTF-8">
  <!--Bootstrap 4 CSS-->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
  <!-- Other CSS File --->
  <link rel="stylesheet" href="registerandlogin.css" type="text/css">

  <title>Register</title>
</head>

<body>
  <p>Register Today and Join the Royal Reader Community</p>
  <div class="container">
    <div class="row">
      <div class="col-md-4 offset-md-4">
        <form action="signup.php" method="post">
          <h3 class="text-center">Register</h3>

          <div class="form-group">
            <label for="username">Username</label>
            <input type="text" name="username" class="form-control form-control-lg">
          </div>

          <div class="form-group">
            <label for="email">Email Address</label>
            <input type="email" name="email" class="form-control form-control-lg">
          </div>

          <div class="form-group">
            <label for="password">Password</label>
            <input type="password" name="password" class="form-control form-control-lg">
          </div>

          <div class="form-group">
            <label for="passwordConf">Confirm Password</label>
            <input type="password" name="passwordConf" class="form-control form-control-lg">
          </div>

          <div class="form-group">
            <button type="submit" name="signup-btn" class="btn btn-primary btn-block btn-log">Sign Up</button>
          </div>

          <p class="text-center">Already a member?</p><a href="login.php">Sign In</a>




        </form>

      </div>
    </div>
  </div>

</body>

</html>

Любая помощь будет принята с благодарностью.

Ответы [ 2 ]

2 голосов
/ 13 февраля 2020

Попробуйте добавить класс к вашей форме или что-то подобное:

<form class="form-div" action="signup.php" method="post">

Здесь вы можете прочитать о css селекторах: https://www.w3schools.com/html/html_css.asp

0 голосов
/ 13 февраля 2020

У вас нет элемента с именем .form-div, поэтому ваш CSS ни на что не влияет. Попробуйте добавить элемент с этим именем класса в ваш тег <form>.

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