Insert link to image

Hi.

I would like to know how is possible insert a link to an image, or edit the html or css code to get hypertext on the image?

I paste some code of my template, I really need some help to set up this hyperlink.


CSS:

#footer-upper-wrapper ul li input[type="submit"]:hover {
float: left;
background: url('../images/button.png') repeat-x;
border: none;
padding: 5px;
margin-top: 5px;
width: 73px;
outline: none;
margin-left: 7px;
color: #fff;
cursor: pointer;

HTML:

</div>
<!-- Footer Upper Wrapper Ends -->
<!-- Footer Lower Wrapper Starts -->
<div id="footer-lower-wrapper">
<img src="images/triangle.png" id="triangle" alt="trinagle from twitter bird" />
<form method="post">
<input type="text" placeholder="info@email.com" name="contact" />
<input type="submit" value="write-us" name="contactus"/>
</form>


Regards

if i've understood you correctly, you would place the <img> in an <a>. So using your example, let's say you wanted a click on the image to go to google:
<a href="http://google.com"><img src="images/triangle.png" id="triangle" alt="trinagle from twitter bird" /></a>