Не могу сделать фон. Как сделать фон в css?

Question

[vladimir328]

<div class="fon2" ><code lang="css">
</div>
</code>

.fon2{
	background:url(../img/1.jpg);

Answer 1

[ParaBellum577]

<div class="fon2" > <code lang="css"> <=== что это такое?
</div>
</code>

Код должен выглядеть так
<div class="back"></div>

.back {
  width: 500px;
  height: 400px;
  background: url(http://s1.1zoom.me/big0/930/Coast_Sunrises_and_sunsets_Waves_USA_Ocean_Kaneohe_521540_1280x775.jpg);
}

Comments

[vladimir328]

Скопировал код.Появилось пустое место без картинки.Зашел в браузере в консоль,там написано Failed to load resource: net::ERR_FILE_NOT_FOUND.

<=== что это такое?
это код форума,не мой

[vladimir328]

Поставил другую картинку и тоже не работает

Answer 2

[inFureal]

html точно такой? Вот так должен быть:

<div class "fon2">
<code lang="css">
</code>
</div>

Потом в CSS:

.fon2 {
  background-image: url('../img/1.jpg');
}

Answer 3

[Ольга Ветер]

А что вы вообще делаете?
Во-первых теги должны вкладываться друг в друга как коробочки, тег code должен закрыться до родительского div.
Не понятно что вы хотите сделать с тегом code в принципе.
Где вы пишите css? В отдельном файле - тогда может быть проблема с путями к этому файлу, ошибка в его названии, не подключение файла стилей в разметку вообще. Прямо в разметке - тогда надо его класть в <style></style>
Может быть ошибочным путь к картинке.
Еще у вашего дива могут быть нулевой размер, тогда фона не будет видно.

Comments

[vladimir328]

Я думаю,что дело в этом

[Ольга Ветер]

Да, картинка не загружается. Часть причин, почему это может происходить я перечислила. Видимо стили подключаются, проверяйте путь к картинке, наличие картинки по указанному адресу, название и вот это вот все.

[vladimir328]

Ольга Ветер, вроде все нормально

[Ольга Ветер]

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

Answer 4

[Ivan_Volyk]

1. Ошибка в разметке. Проверяйте вложенность тега code в div.
2. Путь к файлу. Где лежит картинка фона? Мне в свое время очень помогла эта статья htmlbook.ru:8080/samhtml/ssylki/absolyutnye-i-otno...

Comments

[Сергей Котов]

Скорее всего тег code возник при вставке в тостер скобки

[Ivan_Volyk]

Сергей Котов, точно, вы молодец, что заметили мой промах. Но автору настоятельно рекомендую перечитать и понять второй пункт.

Answer 5

[Сергей Котов]

<div class="fon2" ></div>
В css:

.fon2{
  height: 100vh;
  background-image: url('../img/1.jpg') no-repeat;
  background-size: cover;
  background-position: center;
  //если не получилось поставить картинку попробуйте bg color
  background-color: red;
}