Png image as html button

Question

I would like to use an icon as a drobdown button on my navbar, but I am new to html and stuff, so I do not know where my snipplet fails:

<button type= "image" class="dropbtn" onclick="myFunction()">
<img src="someimage.png" title="Some title">
</button>

Answer 1

In your case the issue is most likely with the source of the image. Check the path (where your image is located) and link it correctly.

Example: src="../folder/folder/image.png"

You can also add the image as a background with CSS like this:

.dropbtn {
  background: url("");
}