Настроювана сітка в основній електронній пошті? - html, email, zurb-foundation

Мені потрібна мережа різних розмірів у межах стандартної макета сітки.

і я отримаю цей результат

потрібний результат - це

будь-які ідеї ??

it is much code and I must add many details that can be published

Це код

Відповіді:

Ви не можете знайти тут невідкладну допомогуZurb Foundation (спеціально для електронної пошти) через пакунок zurb після вбудованої розмальовки та залежностей, що робить його трохи незручним для людей, щоб вони могли негайно запропонувати допомогу. Я також не хотіла відповідати, тому що не можу використовувати чорнило щось на зразок codepen. Ви просто хотіли пояснити, чому ви не отримали багато відгуків. Проте, я придумав це для вас:

<table class="row">
<tbody>
<tr>
<th class="large-6 first columns">
<a href="#">
<img src="/images///placehold.it/580x500">
</a>
</th>
<th class="large-6 last columns">
<table class="row">
<tbody>
<tr>
<th class="large-12 first last columns">
<a href="#">
<img src="/images///placehold.it/580x50">
</a>
</th>
</tr>
</tbody>
</table>
<table class="row">
<tbody>
<tr>
<th class="large-6 first columns">
<a href="#">
<img src="/images///placehold.it/290x210">
</a>
</th>
<th class="large-6 first columns">
<a href="#">
<img src="/images///placehold.it/290x210">
</a>
</th>
</tr>
</tbody>
</table>
<table class="row">
<tbody>
<tr>
<th class="large-6 first columns">
<a href="#">
<img src="/images///placehold.it/290x210">
</a>
</th>
<th class="large-6 first columns">
<a href="#">
<img src="/images///placehold.it/290x210">
</a>
</th>
</tr>
</tbody>
</table>

</th>
</tr>
</tbody>
</table>

Спробуйте це кодування:

http://codepen.io/anon/pen/bZLzPv