Я создаю электронное письмо в формате HTML с изображением, которое мне нужно для наложения прямоугольных ссылок.Позиционирование не поддерживается почтовыми клиентами, а карты изображений имеют проблемы с изменением размера и неправильно размещают ссылки на мобильных клиентах.Если кому-то известно о каком-либо другом решении, которое будет работать со всеми основными почтовыми клиентами, мне было бы интересно узнать.
Решение, которое я в настоящее время выбираю, - это создание таблицы с фоновым изображением и использование высоты/ rowspan для размещения ячеек таблицы там, где должны быть ссылки.
Я хочу, чтобы ширина таблицы увеличивалась на всю ширину контейнера, но при этом высота таблицы должна была быть определенной пропорцией ширины таблицы,Что-то вроде следующего -:
<div id="container" style="width:100px">
<!-- make this table have 100px height -->
<table style="table-layout:fixed;width:100%;background:url('data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=')">
<tr><td></td></tr>
</table>
</div>
Я не могу указать фиксированную высоту для контейнера, как это предусмотрено почтовым клиентом.Ширина также различна для разных почтовых клиентов.
Любая помощь будет принята с благодарностью.