you can use the gif as a link. or you can go old school and use the depreciated image map. or you could slice the image and put it back together with html/css or even use tables if you are inclined to do so (i wouldn't advise it but it is an option) and then make the part of the image you want to be a link, a link. or you could also float a blank link over top of the image to create a link in it. working example below: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Link in an image</title> <style> div.my_img_container { position:relative; height:80px; width:80px; background: transparent url(http://forums.digitalpoint.com/image.php?u=76650&dateline=1182322620) top left no-repeat; overflow:hidden; } div.my_img_container a.my_link { position:absolute; bottom:2px; left:5px; width:70px; height:15px; display:block; } </style> </head> <body> <div class="my_img_container"> <a href="http://www.travisballard.com" onclick="alert('you found me'); return false;" class="my_link"></a> </div> </body> </html> HTML:
no i want the link in the image. no code out side of the image. its for twitter the back ground image i want it to be a link