Firma de correo con imagemap
Estoy redactando el código html de mi firma de correo, la cual la hago con imagemap (coordenadas sobre una imagen) y aplico tres hotspots: correo, teléfono y perfil linkedIn.
El problema que estoy teniendo es que no consigo que desde mi iPhone, haciendo click sobre el número, realice la llamada.
Aquí va el código:
<MAP NAME="MyMap">
<AREA SHAPE="foto" alt="foto de ..." title="..."
COORDS="0 0 97 101">
<AREA SHAPE="nombre" <a href="mailto:[email protected]"
COORDS="97 43 257 73">
<AREA SHAPE="telefono" href="tel:+34-666-666-666"
COORDS="97 73 215 101">
<AREA SHAPE="linkedin" href="es.linkedin.com/in/yo/in/yo/" title="Perfil LinkedIn"
COORDS="215 73 257 101">
</MAP>
<IMG USEMAP="#MyMap" SRC="http://imageshack.com/a/img913.jpg" BORDER="0">
¿Alguna sugerencia?
Pues no lo se con certeza, pero me da que el gestor de emails de tu iphone no admite esa característica.
El problema es que, al contrario que los navegadores que actualizan muy rápidamente, los gestores de email y el estilo que pueden usarse en los emails no lo hacen tan frecuentemente, unido a que quizás esa concretamente es una característica eliminada por seguridad.
Entonces te aconsejo que maquetes tu email de otra forma, no uses zonas pulsables de imagen, sino una tabla por ejemplo, con una imagen de fondo. Prueba diferentes opciones, y no te quedes con tu test en tu móvil ya que cada gestor hace lo que le da la gana básicamente y no hay un estándar definido.
Te pego este enlace para que puedas basarte en el al maquetar emails. Sigue los links que ahí figuran es muy buena información.
Suerte!
