Lo que puedes hacer, es poner la imagen de la taza como fondo de "algo" (una capa, celda, el propio enlace, etc.) y ya no tendrías problemas con poner el enlace.
Suponiendo que la imagen mida por ejemplo 50*50 píxeles, un ejemplo (en CSS) que te valdría sería algo así:
Código:
a.taza:link{
width:50px;
height:50px;
background:#fff url(taza.png) no-repeat center center;
text-align:center;
vertical-align:middle;
}
Si no me he equivocado en nada, tendrías un vínculo hecho de esta forma:
<a class="taza" href="algo.html">tomar</a>
en el que al fondo hay una taza y el texto está centrado
a la imagen.