Проблема с размещением картинки в область сайта (в Header) средствами CSS. Определяется, но не размещается. В чем мб проблема?

Question

[ingeniero]

Всем привет!
Размещаю картинку (логотип) в Header сайта при помощи style.css следующим образом:

#site-header {
background: url("/images/fon.jpg") !important;
no-repeat bottom center;
}
#headerimg {
margin: 7px 9px 0;
height: 310px;
width: 464px;
}

Если просматривать код элемента в браузере, видно, что изображение (fon.jpg) загружается. Но на самой странице не появляется.

Имеет место переопределение стилей (насколько я понимаю): dropmefiles.com/M9ger (см. в полном размере)

Чтобы повысить приоритет нового стиля поставил important!, но это не помогло.

Подскажите, как выяснить почему происходит переопределение стилей? И как заставить картинку проявиться-таки?

Доп. вопрос, как разместить эту картинку рядом с текстом, который заключен в теги и ?
(Блок текста задается в div class="rsrc-header-text")

Comments

[Денис Янчевский]

Адрес сайта есть где это можно увидеть?

[ingeniero]

Денис Янчевский: нет, локально

[Givandos]

В инспекторе видно только, что такая картинка прописана в коде, но того, что картинка подгрузилась не видно ни на йоту.
Если у вас css-файл расположен рядом с index.html, и рядом есть папка с картинками, тогда уберите слеш в начале строки с адресом картинки.
Если css лежит в отдельной папке, тогда добавте перед слешем две точки, то есть "../images/my_image/jpg"

Answer 1

[Артём]

Уверены, что это отрабатывается?

Comments

[ingeniero]

Убрал этот фрагмент, сохранил, обновил, очистил кэш. В инспекторе ничего не изменилось. Получается этот фрагмент не отрабатывает...видимо.

Answer 2

[Егор Живагин]

Скриншот инспектора - это неплохо, но codepen лучше) Иначе тяжело ответить, не видя код

Comments

[ingeniero]

Скопировал код в codepen, в нем не нашел ничего лучше, чем export, в итоге скачал Index.html, его и прикладываю. Можно было сразу приложить копи кода в html (или я что-то не понял). Круговорот кода в природе) dropmefiles.com/1MO3S

Внутри в блоке header нет строк, говорящих о загрузке изображения, хотя в инспекторе есть. Почему так?

На моем вчерашнем скриншоте переопределение стилей возникает, если в редакторе самой темы добавить лого, затем его удалить. В принципе, можно добавить картинку средствами темы, но мне нужно сдвинуть текст в h1 и h2 правее от нее, ради чего и пробую через css.

[zorca]

Залейте уже ваш сайт на сервер и все вам расскажут про него. Но я бы посоветовал сходить для начала на какие-нибудь курсы по верстке.

Answer 3

[alisov]

по крайней мере так:
#site-header {
background: url("/images/fon.jpg") no-repeat bottom center!important;
}