Почему не подгружается картинка на css?

Question

[Сергей Семенов]

Прописываю через css . Хочу вставить в header (блок) картинку, но , на сайте белый экран. В body загружается а в header нет .

Comments

[Lynn «Кофеман»]

Код надо писать текстом, а не скришотами.
А лучше выкладывать на какой-нибудь codepen

Вангую, что у вас header пустой

[ThunderCat]

размер блока хеадера скорее всего тупо 0х0. Задайте размер блока.
кроме того ">" в выводе говорит о том что скорее всего где-то криво закрыт тег.

[Сергей Семенов]

Дорогие товарищи! Я, начинающий в этом деле! За всю вашу инфу благодарю искренно! Учусь по видео курсу, там, не о бо всем указывается! Вот и пришёл на форум. Спс за понимание

[Сергей Семенов]

Ankhena, спасибо за заметочку! Учту .

Answer 1

[Ankhena]

В body загружается а в header нет .

Значит, у header нет содержимого или размеров. Укажите минимальную высоту или напишите контент, будет вам фон.

Comments

[Сергей Семенов]

И размер прописывал и, контент есть. Просто я стер все. Сейчас и контент прописал и размеры выставил.

[Ankhena]

div закрыт?

На скрине у вас вообще нет папки img

[Сергей Семенов]

Div закрыт! В проге есть див...

[Ankhena]

Сергей Семенов, да ладно, с ним с div'ом
Папка img где?

[Сергей Семенов]

Ankhena, Все таки, div не был закрыт... Спасибо вам и всем кто отвечал на вопросы!!! Картинка открылась.

[Ankhena]

Сергей Семенов, ура!

[Сергей Семенов]

Ankhena, как отмечать решением ответ?

[Ankhena]

Сергей Семенов, у вас все круто получилось ))

Answer 2

[Magnus Keef]

Надо типа так писать, без кавычек:

background-image: url(http://www.backgroundcheckall.com/wp-content/uploads/2017/12/background-url-image-7.jpg);

Вот мой пример
Попробуйте в скобках не ставить кавычки

И укажите высоту header'a типа

header{
height: 100px;
}

даже вот

header{
background-image: url(../img/first-bg.jpg);
height: 80px;//если вы здесь укажите высоту в процентах, то ничего работать не будет
width: 100%;
}

Comments

[Ankhena]

Ну да, а потом сменится домен сайта и будете рыть по всем файлам и ковырять пути.

[Сергей Семенов]

И таким образом пробовал

[Magnus Keef]

Ankhena, причем тут домен сайта? я картинку взял с инета для примера...и вообще я говорю о том, что без кавычек надо писать путь

[Magnus Keef]

Сергей Семенов, Я понял! Укажите явно высоту header. напишите например height: 100px
и тогда увидете вашу картинку(ну или часть её)

[Ankhena]

Magnus Keef, При том, что в примере был полный путь к сайту.

Но проблему уже решили.

и вообще я говорю о том, что без кавычек надо писать путь

Путь НАДО писать в кавычках. Но без кавычек во всех современных браузерах тоже будет работать, поэтому их можно опускать.

[Magnus Keef]

"При том, что в примере был полный путь к сайту. " и это всё равно тут ни при чем...вы просто повыпендриваться хотите?