Question

I would like to make a button (clickable element) without text but with an image.
I want the image to be defined in the css.

If I use Image element, the image cannot be defined in the css.
Using div looks like irrelevant.

something like:

<elem></elem>

elem {
    backround-image:url(img.jpg);
}

How can I do this? What is elem?

Answer 1

You can use a button element by reseting it’s defaults CSS, Or use DIV.
Button is more semantic.
Obviously you will still need to add an event handler to the onclick event for it to do something.

Example:

<style>
.myburron{
   background-image: url('../myimage.jpeg');
   width: Xpx;
   height:Ypx;
   display: [not sure, think inline-block is best];
   border-style: none;
   background-color: none;
}
</style>

...
...
...
<button class="myburron"> </button>