Tema: Enlaces no clicables en gmail
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/03/2014, 06:47
albertcla_89
 
Fecha de Ingreso: junio-2013
Mensajes: 16
Antigüedad: 11 años, 5 meses
Puntos: 0
Enlaces no clicables en gmail
Buenas!

Estoy trabajando con Sendblaster para enviar emails masivos. He creado una página html que contiene unos enlaces distribuidos sobre una imagen.
El problema viene en que he conseguido recibir la newsletter que quiero enviar correctamente en mi programa de mail de mac, pudiendo hacer click en los iconos y redireccionar a donde le digo, pero cuando se visualiza este mail en gmail con un navegador los enlaces no los puedo clicar, como si estuvieran escondidos.

Alguna idea de como solucionarlo?

Os paso el código por si sirve de ayuda:
Código HTML: 
Ver original
  1. <style type="text/css">
  2. *   {
  3.     padding:0px;
  4.     margin:0 auto;
  5. }
  6. body    {
  7.     background-color:#ffffff;
  8.     background-repeat:no no-repeat;
  9. }
  10. #container  {
  11.     width:620px;
  12.     height:1834px;
  13.     background-image: url(newsletter-kip.jpg);
  14.     background-repeat:no-repeat;
  15.     position:relative;
  16. }
  17. #aquí   {
  18.     width: 25px;
  19.     height: 15px;
  20.     position: absolute;
  21.     left: 218px;
  22.     top: 18px;
  23. }
  24. #facebook   {
  25.     width: 11px;
  26.     height: 25px;
  27.     position: absolute;
  28.     left: 474px;
  29.     top: 10px;
  30. }
  31. #twitter    {
  32.     width: 23px;
  33.     height: 21px;
  34.     position: absolute;
  35.     left: 504px;
  36.     top: 12px;
  37. }
  38.  
  39. #youtube    {
  40.     width: 25px;
  41.     height: 25px;
  42.     position: absolute;
  43.     left: 540px;
  44.     top: 10px;
  45. }
  46.  
  47. #mail   {
  48.     width: 29px;
  49.     height: 23px;
  50.     position: absolute;
  51.     left: 577px;
  52.     top: 12px;
  53. }
  54.  
  55. #baixa  {
  56.     width: 31px;
  57.     height: 15px;
  58.     position: absolute;
  59.     left: 565px;
  60.     top: 1765px;
  61. }
  62. </style>
  63. </head>
  64. <body>
  65.     <div id="container">
  66.         <a href="http://www.krustoipiruleta.com/newsletter/kipmarç.html" target="_blank"><div id="aquí"></div></a>
  67.         <a href="https://www.facebook.com/pages/..." target="_blank"><div id="facebook"></div></a>
  68.         <a href="https://twitter.com/..." target="_blank"><div id="twitter"></div></a>
  69.         <a href="http://www.youtube.com/..." target="_blank"><div id="youtube"></div></a>
  70.         <a href="mailto:[email protected]" style="text-decoration:none; color:#FFF;"><div id="mail"></div></a>
  71.         <a href="http://www.krustoipiruleta.com/cancelacio-subscripcio.html" target="_blank"><div id="baixa"></div></a>
  72.     </div>
  73. </body>
  74. </html>