Cześć.

Kombinuję, wklejam w kod wszystkie możliwości które podpowiada mi dr. Google- i wszystko na nic.


W moim forum chcę dodać emotikonki.

Funkcją zamieniam tekst na emotki- działa dobrze

Ale wokół emotek pokazuje mi się obramowanie- jak je usunąć?



Na zdjęciu poniżej widać że border:0 i border:0 px solid już było...

Obrazek nie ma źródła. Tak się nie używa tagu <img>.
A jeśli już bardzo chcesz wstawiać ikony jako tło, to dodaj każdemu obrazkowi z ikonką: src="/images/emots.png".

Ok, a jak właściwie wstawić obrazki z wykorzystaniem sprite css aby dało się wewnątrz tekstu wstawić?

Przy wstawieniu src ładuje mi cały obrazek, a ja chce tylko wycinek tego obrazka

Tak, to mój błąd.
Musiałbyś dać tam przezroczysty PNG lub GIF.

Jeśli natomiast pozostaniesz przy src z ikonkami, to zamiast background-image oraz background-position należy użyć object-fit:none i sterować object-fit: https://kawalekkodu.pl/upychanie-walizki-cz...object-position

Jeszcze możesz kombinować pozostając przy background i stylami:
object-position: -100% -100%;
object-fit: none;

Oki, dziękuję za pomoc.
Chciałem uniknąć małych obrazeczków, ale chyba musza pozostać img
Jeszcze raz dziękuję.

I bardzo dobry pomysł miałeś.
Uważam, że dla potrzeb SEO nie muszą to być obrazki, więc zastosuj tag <span>.