Jak usunąć obramowanie z img? Opcje

[miccom]

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 (IMG:style_emoticons/default/smile.gif)

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

(IMG:https://images90.fotosik.pl/336/8bb827473a77d134.jpg)

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

(IMG:https://images90.fotosik.pl/336/e20c622d5ab22a3f.jpg)

Ten post edytował miccom 22.03.2020, 18:16:27

[trueblue]

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".

[miccom]

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

(IMG:https://images91.fotosik.pl/336/92f69bd0ccfaf058.jpg)

Ten post edytował miccom 22.03.2020, 18:44:21

[trueblue]

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;

Ten post edytował trueblue 22.03.2020, 19:04:42

[miccom]

Oki, dziękuję za pomoc.
Chciałem uniknąć małych obrazeczków, ale chyba musza pozostać img (IMG:style_emoticons/default/smile.gif)
Jeszcze raz dziękuję.

[trueblue]

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