Вопрос по верстке письма

[horprogs]

Всем привет!

Прошу совета у тех, кто сталкивался с версткой писем.

Есть шапка, на мобильных ее нужно перестроить.

 

Белые прямоугольники - картинки.

Края закругленные, полагаю нужно делать картинками, а не border-radius.

Резиновость попробовал сделать, заменив пустую середину шапки на резиновый столбик с цветом шапки. Получилось. Но вот как перестроить при табличной верстке картинку  и ссылку вниз я вообще не знаю.

Подскажите хотя бы способ как это можно сделать, принцип, а я додумать постараюсь.

 

[Vessel]

<tr>

<td valign="top">

 

<table class="flexible" width="280" align="left" cellpadding="0" cellspacing="0" border="0">

<tr>

<td class="center-td" align="center" valign="top">

 

</td>

</tr>

</table>

 

<table class="flexible" width="200" align="right" cellpadding="0" cellspacing="0" border="0">

<tr>

<td class="center-td" align="center" valign="top">

 

</td>

</tr>

</table>

 

</td>

</tr>

flexible {width: 100%;}

Закругленные углы, в принципе, использовать можно. Вот поддержка свойства:
https://www.campaignmonitor.com/css/

Перед сдачей проекта тщательно тестируйте письмо на всём, чем можно. Тут баги выплывают из пустого места. Особая опасность: outlook 07-10-13, там вордовский движок рендеринга.