I cant figure out how to do something so simple

[Shadowing]

Hey guys i have a picture that displays a dynamic number on top of it. Im wanting to make the entire thing a clickable object so when you hover over the number or picture the hand is there saying its clickable. last thing i tried was just simply placing a anchor tag on top of it all giving it a width and height but that doesnt make the entire tag clickable for some reason only the edges. another thing i tried was placing a img tag over it all and making it visable hidden but that makes it unclickable. figured it would still use the space.so idk im out of ideas other then creating a transparent image and over laying it on top of it

<div class="child_menu"  id="messages"></div> <div class='msg_count'></div> // the number  <img width='140' height='158' src='images/figures/big/technology.png'></a> // the picture  

[Don E]

You tried something like the following?

<a href="page.html" title="Click here"><img width="140" height="158" src="images/figures/big/technology.png"/></a>

That should make the whole image clickable.

[Ingolme]

If you make the numbers a background image you could use a CSS sprites technique to select the number. http://www.w3schools.com/css/css_image_sprites.asp

[es131245]

moreover

cursor:pointer;

http://www.w3schools.com/cssref/pr_class_cursor.asp