Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ CSS _ Jak usunąć obramowanie z img?

Napisany przez: miccom 22.03.2020, 18:13:39

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 smile.gif

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


Napisany przez: trueblue 22.03.2020, 18:24:42

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

Napisany przez: miccom 22.03.2020, 18:37:44

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


Napisany przez: trueblue 22.03.2020, 19:02:05

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-czyli-o-wlasciwosci-object-fit-i-object-position

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

Napisany przez: miccom 22.03.2020, 19:41:46

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

Napisany przez: trueblue 22.03.2020, 19:56:22

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)