Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
xXxBadBoyxXx
0 / 0 / 0
Регистрация: 18.09.2015
Сообщений: 70
1

Не отображается картинка на сайте Wordpress через CSS

28.03.2017, 12:21. Просмотров 241. Ответов 8

Здравствуйте! У меня такая проблема, никак не могу заставить отображаться картинку на главной странице сайта на Wordpress.

Вот такой код HTML вставляю в код главной страницы:

HTML5
1
2
<div class="main__social-item_vk">
        </div>
Такой код вставляю в файл style.css:
CSS
1
2
3
.main__social-item_vk {
    background: url(http://dshi1.syzran.ru/wp-content/uploads/2017/03/social_vk_bg.png) 50% 50% no-repeat;
}
Единственное я не знаю куда именно в файле style.css вставлять код CSS, поэтому вставил в 4 разных места, там подразделение, и получилось в Global, Media, Reset и просто в конец файла.
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
28.03.2017, 12:21
Ответы с готовыми решениями:

Картинка на сайте отображается 1х1 пиксел
Здравствуйте. Есть страница сайта сайта. На этом сайте отображается картинка,...

Почему не отображается картинка. Использую стиль CSS и HTML документ.
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; ...

Кривой CSS в шапке на сайте Wordpress
Здравствуйте! Не могу справиться, добавил произвольный виджет в шапку сайта,...

Фон страницы не отображается при подключении через css
всем привет. такая проблема:не ставится фон на страницу. причем если писать в...

Изменить цвет текста и кнопки через CSS на стороннюю тему Wordpress
Доброго времени! Установила на Denwer Worpress, после чего на последний...

8
Vlad03
102 / 102 / 41
Регистрация: 22.01.2017
Сообщений: 417
28.03.2017, 12:39 2
CSS
1
2
3
.main__social-item_vk {
    background: url("http://dshi1.syzran.ru/wp-content/uploads/2017/03/social_vk_bg.png") 50% 50% no-repeat;
}
кавычки забыли.
0
xXxBadBoyxXx
0 / 0 / 0
Регистрация: 18.09.2015
Сообщений: 70
28.03.2017, 12:48  [ТС] 3
Не помогает
Я думаю не в то место в файле CSS вставляю код, думаю проблема в этом, наверное...
0
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
28.03.2017, 12:56 4

Не по теме:

Vlad03, кавычки не обязательны



Добавлено через 6 минут
xXxBadBoyxXx, Что-то я не нахожу у вас на главной странице <div class="main__social-item_vk">
1
xXxBadBoyxXx
0 / 0 / 0
Регистрация: 18.09.2015
Сообщений: 70
28.03.2017, 13:07  [ТС] 5
Странно, почему то не было, сейчас исправил, но проблема осталась, если нужно могу файл css скинуть
0
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
28.03.2017, 13:27 6
xXxBadBoyxXx, Попробуйте перезалить фотку, изменив перед этим имя файла.

Добавлено через 4 минуты
И не забываем, что блок без внутреннего содержимого схлопывается по высоте
0
xXxBadBoyxXx
0 / 0 / 0
Регистрация: 18.09.2015
Сообщений: 70
28.03.2017, 13:31  [ТС] 7
Нет, не работает. Кажется, что CSS просто не хочет коннектиться с HTML. Я вообще не очень разбираюсь в них, мог допустить какие-либо ошибки в других местах. Может быть какая-то особенность Wordpress мешает. И да, если загрузить картинку только через HTML, она появится, но различные эффекты через CSS к ней также не применяются.

И не забываем, что блок без внутреннего содержимого схлопывается по высоте
Поподробнее можно, плиз?
0
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
28.03.2017, 13:38 8
Уже все работает. Ctrl+F5 нажмите.
0
xXxBadBoyxXx
0 / 0 / 0
Регистрация: 18.09.2015
Сообщений: 70
28.03.2017, 13:44  [ТС] 9
Да, действительно, большое спасибо!
0
28.03.2017, 13:44
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
28.03.2017, 13:44

Нужно, чтобы картинка на сайте растягивалась под размер экрана, как это сделать ? (Пропорционально, картинка высокого расширения и качества)
binding text

Не отображается картинка
Я поставил visibility: visible, но не отображается фото, что делать? Помогите...

Не отображается картинка
Пытаюсь вставить картинку с меню(menu),но она не отображается,подскажите...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru