Hello
I want to add a photo in the language section of the translation section for a text, but I don't want the photo to be clickable
Normally, when I place the photo, by clicking on the photo, the photo will be enlarged. I want to get this feature from only this photo, not all photos.
I used the following code

<img src="https://ipbmafia.ru/uploads/reactions/react_thanks.png" width="25" height="25">

 

up

@aLEX49566@

custom.css:

.no-click {
  pointer-events: none;
}

 

Фото, которое не будет кликабельным:

<div class="no-click"><img src="https://ipbmafia.ru/uploads/reactions/react_thanks.png" width="25" height="25"></div>

 

avangcom 

@aLEX49566

I used this code, it works correctly, but it turns out like this

I want it to be like this

I wrote the code like this, it worked, there is no problem???

 <div class="no-click">Give<img src="https://ipbmafia.ru/uploads/reactions/react_thanks.png" width="25" height="25"> to this post to see the hidden content. </div>

 

Оставь свой код или замени div на span.

avangcom Попробуй так

.no-click {
  pointer-events: none;
  white-space: nowrap;
}