Как сделать страницу 404?

голоса: 0

Добрый день!

Подскажите, что не так в этом коде:

<html>
<head>
<meta charset="utf-8">
<title>Код страницы 404</title>
<style>
html { height: 100%; }
body {
  background: url(/404.jpg) no-repeat;
  background-size: cover; /* Масштабирует картинку сохраняя пропорции */
  }
.over {
  background: rgba(0, 0, 0, 0.7); /* Цвет фона и значение прозрачности */
  position: absolute; /* Абсолютное позиционирование */
  left: 0; right: 0; top: 0; bottom: 0; /* Отступы от краев браузера */
  }
.404 {
  margin-top: 100px;
  text-align: center; /* Выравнивание текста по центру */
  font-size: 10em;
  color: #fcf9f9;
  position: relative; /* Относительное позиционирование */
  z-index: 2; /* Порядок наложения элемента по высоте */
  }
.notfound {
  text-align: center;
  color: #fff;
  font-size: 2em;
  position: relative; /* Относительное позиционирование */
  z-index: 2; /* Порядок наложения элемента по слоям в глубину */
  }
.notfound a {
  color: #fff;
  font-size: 0.8em;
  }
.notfound a:hover {
  color: yellow;
  text-decoration: none;
  }
</style>
</head>
<body>
<div class="over"></div>
<div class="404">404</div>
<div class="notfound">страница не найдена<br>
<a href="#"> перейти на главную страницу..</a>
</div>
</body>
</html>

Все работает, но на странице не отображается код 404. Прикрепил скриншот: 

С уважением, Владимир

Адрес сайта https://funny-story.ru
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1
Прежде всего загрузите страницу 404 в файловый менеджер в корень в формате 404.htm пока страница не доступна на сайте, проверить в чем проблема не возможно.
| Автор:

Загрузил страницу 404

Владимир Куборев #2,

Замените в стилях строку:

.404

на:

[class="404"]

после все заработает.

Где найти эту строку?
Владимир Куборев #2,
В коде самой страницы 404, вы выше его предоставляли, вот там ищите.

Если Вы имеете в виду вот эту строку: <div class="404">404</div>

Заменил но не работае.

Владимир Куборев #2,

Я имел ввиду в стилях, здесь:

.404 {
  margin-top: 100px;
  text-align: center; /* Выравнивание текста по центру */
  font-size: 10em;
  color: #fcf9f9;
  position: relative; /* Относительное позиционирование */
  z-index: 2; /* Порядок наложения элемента по высоте */
  }

красное заменить на что сказал я, а не там где вы сами решили заменить.

Yuri_Geruk,
Все нашел, работает. Спасибо.
...