how can I add a button and set a link of middle of the image

Answer 1

Something like this:

<style type="text/css">
p {position: absolute; left:20px; top:25px;}
button {position: relative; padding:0;}
</style>
<button type="button" onClick='location.href="#"'><img src="img.jpg" width="100" height="100"></img>
<p>Some text</p>
</button>

This is button-image, leading to the link. Text superimposed on the picture. The image must be set to position:relative, and text to position:absolute. The text should be aligned.

Answer 2

thanks, very helpful