Карта изображений Gmail - работает только последняя область - PullRequest
Новая
       20

Карта изображений Gmail - работает только последняя область

1 голос
/ 23 ноября 2011

Я создаю электронное письмо в формате HTML, используя большое изображение с картой изображения, для которой заданы две прямоугольные области: 

<img src="newsletter_files/background.jpg" width="600" height="584" border="0" alt="39steps crimbo cards" usemap="#email">

<map name="email">
<area shape="rect" name="emailaddress" coords="212,305,350,290" href="mailto:email@domain.com" alt="Email email@domain.com" />
<area shape="rect" name="website" coords="585,485,465,550" href="http://www.domain.co.uk" target="_blank" alt="Domain link" />
</map>

Проблема в том, что работает только вторая.Первый игнорируется.Я гуглил по решениям, но ничего не нашел.

Я мог бы разрезать изображение, но это создает свои проблемы с тестированием и т. Д. - электронная почта очень проста, поэтому для моих целей карта изображений - лучший метод.

У кого-нибудь были подобные проблемы?

Ответы [ 3 ]

3 голосов
/ 19 июля 2013

Это не имеет никакого отношения к вашей карте изображения. Первая ссылка игнорируется, потому что это mailto: call. Gmail удаляет ссылку из ссылки, если она содержит mailto:

3 голосов
/ 23 ноября 2011

Мне не нужны карты изображений в электронных письмах (в основном потому, что я ими никогда не пользовался)

Я предлагаю открыть изображение в фотошопе и использовать инструмент «Срез». При сохранении вы можете сохранить изображения и html. Вывод html будет идеальным для писем.

Пара других вещей, когда дело касается html-писем:

  • ВСЕГДА используйте таблицы
  • НИКОГДА не используйте p теги
  • всегда помещайте display:block на ваши изображения (это предотвращает нежелательные промежутки между изображениями в некоторых почтовых клиентах
0 голосов
/ 02 августа 2013

Я только что прочитал что-то интересное из Constant Contact. вот что сказано:

В настраиваемом электронном письме в формате HTML, если тег карты изображения существует и гиперссылка на ссылку mailto:, если тег закрыт, как в следующем примере ... 

    <area shape="rect" coords="88,23,166,38" href="mailto:info@constantcontact.com"/>

... гиперссылка будет неактивной. Простое удаление закрывающей косой черты снова сделает ссылку активной.

• Оставление закрывающей косой черты в обычной гиперссылке на URL будет работать в настраиваемом электронном письме в формате HTML.

• Оставить закрывающую косую черту после ссылки mailto: в пользовательском электронном письме XHTML будет работать. Но -

• Оставление закрывающей косой черты после ссылки mailto: в пользовательском электронном письме в формате HTML НЕ будет работать.

...