Скачал на каком-то сайте Спрайт с иконками, вроде всё работает, но когда решил использовать на тестовой странице вышла вот такая байда которая на скрине. Не пойму в чем ошибка и как ее исправить. Поможете?

Изображение

------
74059_Screenshot_20201101152611.png (83.0 Kb)
Скачиваний: 159

На странице надо переделывать, HTML коркас.

Вот как делается он

Toruz, И как его надо переделать?

Руками как. Свою верстку.

Toruz, Может дело не хтмл а в дивах,. На сколько я знаю див по верх дива накладывать можно, вот только эти два дива не хотят дружить.
Если спробывать div1. width: 100%; div2. padding:4px;

Можно ещё попробовать иконки привратить в дивы.

Смотри сам что у тебя там находится. Я откуда знаю, что там у тебя.

Вот, посмотри как реализовано и сделай похожим образом.
Ссылка на скачивание

Изображение

------
74060_wp_ss_20201101_0001.png (187.8 Kb)
Скачиваний: 160

А если коротко, есть div-класс (например: .sprite) фоном которого служит спрайт, есть и второй div-класс (например: .icon-1), он содержит координаты конкретной областы на изображении спрайта, потому получается конструкция:

<i class="sprite icon-1"></i>