Question

I have click-able images in my html page that call a javascript function… however nobody is clicking on them as they do not look click-able… how can I make them click-able without using an <a href=””></a> tag around it?

Here is an example of my code…

<div id="bvu11" style="margin: 0px 5px; float: left;">
     <span id="bviu11">
     <img src="/images/icons/favorites_add.png" onclick="favoritesAdd(2,11,'u')">
     </span>
</div>

Answer 1

Using CSS

Add a class to your image (ex: clickable-image) and this in your CSS:

.clickable-image
{
    cursor: pointer;
}