Delete

Should a 'delete image' button be on the top-left or top-right?

Should a 'delete image' button be on the top-left or top-right?

Top right. This is a general User Interface design pattern which users are used to. To do something different would not be advised.

  1. Should delete be on left or right?
  2. How do I get the delete button to show in the top right corner of an image?

Should delete be on left or right?

However, when dealing with text, pressing the Del deletes text to the right of the cursor. Pressing Backspace deletes text to the left (backwards) of the cursor. For example, if you click at the end of the example text below and press delete, nothing happens because there's no text to the right.

How do I get the delete button to show in the top right corner of an image?

You'll need to wrap the image in a container, then have the image and as well as a close-button inside of the container. Something like: <div> <img> <span>X</span> </div> . You'll want to give the image a relative positioning to be able to stack it below the span.

What tag should you use for the title of a fixed dialog? (cookie consent banner, subscribe to notifications, etc.)
What is a cookie consent banner?What should my cookie notice say? What is a cookie consent banner?A cookie consent banner is a cookie notification t...
Should I use kebab or meatball menu in desktop?
How do you use a kebab menu?What is the difference between a hamburger menu and a kebab menu?Why not to use hamburger menu?How does a hamburger menu ...
Need some help with text color suggestion
How do I choose a text color?How do you choose contrast color?What color text looks good on blue background?What color combination has the highest re...