Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Николай Маратов
@myels
HTML
CSS
Как сделать спрайт?
Имеется
меню
joxi.ru/823nZdKsdNJLmO
- скрин меню
Проблема:
Сделал спрайт, для иконок социальных сетей, всячески менял background-position но они не отображаются. Не могу понять в чем проблема.
joxi.ru/BA0nz5WsQyMJmy
- cпрайт.
Вопрос задан
более трёх лет назад
204 просмотра
Комментировать
Подписаться
2
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
F12 в браузере FireFox, вкладка "СЕТЬ" и смотрите, чтобы он загружался (для начала) в DOM и что нет ошибок загрузки и путь указан верно.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
2
Виталий Киренков
@DeLaVega
Верстаю, фронтэндю =)
У вас классы разные =)) Тоже сразу не заметил =)
На элементе - icon-rss
А в стилях - .rss
Ответ написан
более трёх лет назад
3
комментария
Нравится
3
комментария
Facebook
Вконтакте
Twitter
Николай Маратов
@myels
Автор вопроса
Действительно, классы были разные, однако иконки все равно не отображаются.
Написано
более трёх лет назад
Виталий Киренков
@DeLaVega
У вас написано
background: url();
замените на
background: url() no-repeat;
и залейте куда то картинку. А то в вашем примере ссылка локальная
Написано
более трёх лет назад
Виталий Киренков
@DeLaVega
Николай Маратов
:
https://jsfiddle.net/xkhxpf6o/8/
Написано
более трёх лет назад
Николай Маратов
@myels
Автор вопроса
Разобрался! спасибо всем кто ответил.
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
Виталий Киренков
@DeLaVega
В чём была проблема, и отметьте решение, которое подошло.
Написано
более трёх лет назад
Николай Маратов
@myels
Автор вопроса
Был указан неправильный путь к спрайту.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Простой
Есть ли на сегодня какое-нибудь решение выделить инпут по focus-visible?
1 подписчик
час назад
25 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так, что бы используя live server у меня не браузер открывался, а справа от самого кода открывалось окно со всем этим?
1 подписчик
10 часов назад
53 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Как получить такой эффект на мобильном?
1 подписчик
17 часов назад
108 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сверстать данную часть header?
1 подписчик
18 часов назад
79 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
11 мар.
180 просмотров
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
11 мар.
89 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как скрыть/показать элемент с определенным текстом?
2 подписчика
10 мар.
869 просмотров
2
ответа
CSS
Средний
Как победить проблемы с overflow-y: sсroll?
1 подписчик
06 мар.
137 просмотров
2
ответа
JavaScript
+1 ещё
Средний
Сканирование QR в поле input. Как реализовать блокировку нажатия клавиш клавиатуры?
1 подписчик
06 мар.
139 просмотров
2
ответа
HTML
Простой
Можно ли как то заменить button на type="radio" MiniShop2?
1 подписчик
05 мар.
57 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Фронтендер/Фрилансер на удаленку
Netgineers GmbH
от 3 000 до 4 000 €
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама