Форум Сайтостроение Веб-строительство

Не отображается background-image: url(data:image

D
На сайте с 28.06.2008
Offline
1114
Dram
780

Код 

<?php echo "<span class=\"zh\"" ?>

стиль

.zh {
background-image: url(data:image/gif;base64,R0lGODdhEgAMAPQAAP8HAP9yAP91AP92AP80AP8NAP8LAP//AP/gA…AAACwAAAAAEgAMAEAFJuAkjmRpnujEONBkBOkoIRFQNHGu7+MzUYLd4qBITAi83yDJbDpDADs=);
background-repeat: no-repeat;
width: 18px;
height: 12px;
}

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

LEOnidUKG
На сайте с 25.11.2006
Offline
1774
LEOnidUKG
#1

Код битый у картинки.

/gA…AAACw

Что за троеточие?

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
Arsh
На сайте с 21.03.2007
Offline
199
Arsh
#2
Dram:
Не могу врубиться почему?

span - инлайновый элемент.

Попробуйте добавить в стиль display:block;

LEOnidUKG
На сайте с 25.11.2006
Offline
1774
LEOnidUKG
#3
<?php echo "<span class=\"zh\"" ?>

Не надо это УГ писать

или просто

?>

<span class="zh"></span>

<?php

ИЛИ

<?php echo '<span class="zh" '; ?>

T1
На сайте с 10.01.2018
Offline
1
taras1982
#4

Dram

Да, экранировать слешами кавычки в данной ситуации - излишне, как по мне. Полностью поддерживаю предыдущего своего коллегу. Лучше, конечно, писать так, более изящно и понятно для вас: 


<?php echo '<span class="zh" '; ?>

Теперь по сути вашего вопроса. Всё верно вы подметили, браузер видит эту таблицу стилей и нормально её подтягивает. Но проблема не в таблице стилей, а в HTML-элементе. Вы используете строковый (display: inline;) HTML-элемент <span>, который по умолчанию не имеет ни ширины, ни высоты. Для того, чтобы он заработал, необходимо его сделать блочным (display: block;), либо строчно-блочным (display: inline-block;). Кроме этого, если даже в таком случае он не заработает, значит он пустой в HTML-коде страницы. Потому нужно ему либо добавить содержания в самом HTML-коде страницы, либо же в таблице стилей задать ему ширину (width) и высоту (height). Но только как блочному элементу, поскольку к строчным элементам ширина и высота не применимы.

---------- Добавлено 26.01.2018 в 15:10 ----------

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


(display: inline;)

(display: block;)

(display: inline-block;)

Прошу прощения.

D
На сайте с 28.06.2008
Offline
1114
Dram
#5
Arsh:
span - инлайновый элемент.
Попробуйте добавить в стиль display:block;

Спасибо!!! Это помогло!

gribbo
На сайте с 01.03.2012
Offline
66
gribbo
#6

и в целом в одну строку можно записать

background: url(img/img1.jpg) no-repeat;
Мой выбор хостинга (https://beget.com/p461662) \ Создаю сайты (/ru/forum/1009089)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий