Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak usunąć obramowanie z img?
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
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 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...

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

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;
miccom
Oki, dziękuję za pomoc.
Chciałem uniknąć małych obrazeczków, ale chyba musza pozostać img 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>.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2020 Invision Power Services, Inc.