Shadowing Posted September 3, 2012 Share Posted September 3, 2012 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 Link to comment Share on other sites More sharing options...
Don E Posted September 3, 2012 Share Posted September 3, 2012 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. Link to comment Share on other sites More sharing options...
Ingolme Posted September 3, 2012 Share Posted September 3, 2012 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 Link to comment Share on other sites More sharing options...
es131245 Posted September 3, 2012 Share Posted September 3, 2012 moreover cursor:pointer; http://www.w3schools.com/cssref/pr_class_cursor.asp Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.