/ / ¿Rejilla personalizada en el correo electrónico de la fundación? - html, correo electrónico, zurb-foundation

¿Rejilla personalizada en el correo electrónico de la fundación? - html, correo electrónico, zurb-foundation

Necesito una cuadrícula de diferentes tamaños dentro del diseño de cuadrícula estándar.

y obtengo este resultado

resultado de email de la fundación

el resultado que necesito es esto

correo electrónico de la fundación result2

¿¿algunas ideas??

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

Este es el código

Respuestas

0 para la respuesta № 1

es posible que no encuentre asistencia inmediata aquí conZurb Foundations (específicamente para correo electrónico) debido a la pila de zurb detrás del marcado de tinta y las dependencias involucradas, por lo que es un poco desalentador para las personas ofrecer ayuda de inmediato. También dudaba en responder, porque no puedo usar tintas en algo así como codepen. Solo quería explicar por qué no recibió demasiados comentarios. Sin embargo, se me ocurrió esto para usted:

<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>

Pruebe este codepen:

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