Сделать всю ячейку таблицы ссылкой в ​​HTML Email

Question

Я знаю, как использовать свойство CSS «display: block» на якоре, чтобы сделать всю ячейку кликабельной. Тем не менее, это не похоже на работу с электронной почтой HTML. Любые идеи о том, как заставить это работать в электронной почте?

Спасибо!

Answer 1

Взято из этого решения

display: block в ссылках работает для всего, кроме IE / Windows.Если вы дадите блоку явную ширину 100%, то IE / Windows подойдет.Но это создает проблемы с IE5 / Mac и Netscape / Mozilla.Поэтому вы должны использовать дочерний селектор «>», чтобы переопределить ширину для автоматического.Так как IE / Windows не понимает дочерние селекторы, он игнорирует правило.IE5 / Mac, Opera и Netscape / Mozilla следуют правилу, и все счастливы:

#yourdiv a {
        display: block;
        width: 100%;
        }

html>body #yourdiv a {
        width: auto;
        }

Answer 2

Я бы поместил элемент TABLE внутри элемента якоря, с width=100% и вытолкнул бы якорь, чтобы заполнить его контейнер изнутри.

Answer 3

Многие почтовые клиенты удаляют стили CSS из головы, и они не работают, поэтому вы должны использовать встроенные стили (например, помещая <a style="display:block;"> и т. Д.).