Hola, sheilac.
Creo que para conseguir lo que dices, no necesitas usar un mapa. Lo que puedes hacer es colocarle encima un enlace que no se vea.
Para eso primero prueba este 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" lang="es-es">
<head>
<title>FCSS - Hosting</title>
<meta http-equiv="content-type"
content="text/html; charset=iso-8859-1" />
<style type="text/css">
a { text-decoration: none;}
a span { padding: 4px 10px;
background-color: rgb(102, 204, 204);
}
</style>
</head>
<body>
<a href="#"><span>Boton</span></a>
</body>
</html>
Una vez que hayas ajustado el tamaño del vínculo al del botón dibujado, añades al selector css "a span" un
visibility: hidden; y le quitas el
background-color: rgb(102, 204, 204);, con lo que el vínculo quedará invisible pero funcional, apareciendo la mano que indica un vínculo. Que te quede:
a span { padding: 4px 10px;
visibility: hidden;
}
Aunque quizá no sea exactamente tu caso, creo que si te basas en esto podrás conseguir lo que quieres.