Digo yo, no es más facil cargar tu taza en el fireworks o Photoshop, agregarle el texto en el centro y hacer un vínculo desde la imágen?.
Ahora que si quieres hilar fino y complicarte la vida, aquí te va el código
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
<head>
<title>Link sobre imagen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="copyright" content="© 2006, Guillermo Gianello" xml:lang="es" lang="es" />
<meta http-equiv="Content-Language" content="ES" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:168px;
z-index:0;
left: 50px;
top: 50px;
}
#Layer2 {
position:absolute;
width:200px;
height:168px;
z-index:1;
left: 50px;
top: 50px;
vertical-align: 50%;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 168px;
}
a {
color: #00CC00;
background-color: transparent;
}
-->
</style>
</head>
<body>
<div id="Layer1"><img src="link_sobre_img.jpg" width="200" height="168" alt="" /></div>
<div class="Estilo1" id="Layer2">
<a href="http://www.forosdelweb.com/" target="_blank">Link</a></div>
</body>
</html>
Los resultados puedes apreciarlos
Aquí
Un detalle, la Señora que aparece en la foto es Doña Tota, mi Madre (Que más parece mi abuela), deleitándose al influjo de Art Garfunkel.
Saludos