Как в HTML email правильно сделать такое?

Question

[drtvader]

Привет! Каким образом можно 2 изображения расположить в email HTML? В gmail не работает отрицательный margin и position вообще. Какие у меня есть еще варианты?

Answer 1

[Faber Estello]

картинкой, вырезать все вместе

Comments

[drtvader]

больше никак?

[Faber Estello]

drtvader: Можно намудрить с дополнительными td и выравниванием top, bottom, но а смысл?

[drtvader]

Sen Selesss: тоже так считаю, наверно так и буду вместе вырезать.

[Генри]

drtvader: к сожалению при вёрстке email у вас из 100% рабочих инструментов только HTML3, а там css совсем (или почти) отсутствовал.

Answer 2

[AlexRas]

Вот так

<table width="142" height="208" background="http://s8.hostingkartinok.com/uploads/images/2016/05/0d1e7801ff8af2da0c1bb41823296168.png">
  <tr>
    <td>
      <img src="http://s8.hostingkartinok.com/uploads/images/2016/05/31acfc6bab63cb71e8ea13431248e6c7.png" width="142" height="208" alt="">
    </td>
  </tr>
</table>

Answer 3

[Дмитрий Кравченко]

как насчет background-image?

Comments

[drtvader]

читал, что почтовики не воспринимают это свойство https://habrahabr.ru/post/252279/

[Дмитрий Кравченко]

drtvader: один лишь аутлук насколько мне известно. Если это критично, тогда вариант отпадает

[drtvader]

Дмитрий Кравченко: посижу подумаю еще. спасибо!

[Сергей Горячев]

Для аутлука есть хак. Можно через bg image, но картинкой одной лучше.

Answer 4

[teen]

Может лучше одной картинкой сделать?

Comments

[drtvader]

хотелось бы отдельно)

[teen]

Нашел сравнение поддерживаемых свойств в различных почтовых сервисах - https://www.campaignmonitor.com/css/ пригодится

[drtvader]

MSkitalec: спасибо!