/ / La griglia personalizzata nell'email di fondazione? - html, email, zurb-foundation

Griglia personalizzata nell'email di fondazione? - html, email, zurb-foundation

Ho bisogno di una griglia di dimensioni diverse all'interno del layout della griglia standard.

e ottengo questo risultato

risultato email di fondazione

il risultato di cui ho bisogno è questo

email di fondazione risultato2

qualche idea??

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

Questo è il codice

risposte:

0 per risposta № 1

potresti non trovare assistenza immediata qui conZurb Foundations (specificamente per email) a causa dello stack di zurb dietro markup inky e delle dipendenze coinvolte, rendendolo un po 'scoraggiante per le persone di offrire aiuto subito.Ero esitante a rispondere, anche perché non posso usare inky su qualcosa come codepen. Volevo solo spiegare perché non hai ricevuto molti feedback, ma ho pensato a questo per te:

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

Prova questa codepen:

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