/ / Benutzerdefinierte Raster in Foundation-E-Mail? - html, email, zurb-foundation

Benutzerdefinierte Raster in Foundation-E-Mail? - html, email, zurb-foundation

Ich benötige ein Gitter mit einer anderen Größe innerhalb des Standard-Grid-Layouts.

und ich bekomme dieses Ergebnis

Foundation-E-Mail-Ergebnis

Das Ergebnis, das ich brauche, ist dies

Foundation E-Mail-Ergebnis2

irgendwelche Ideen??

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

Das ist der Code

Antworten:

0 für die Antwort № 1

Sie können hier keine sofortige Hilfe findenZurb-Stiftungen (speziell für E-Mails), weil die "hinterb" -Studie hinter inky Markup stapelt und die damit verbundenen Abhängigkeiten es für die Leute etwas entmutigend macht, sofort Hilfe anzubieten. Ich zögerte auch zu antworten, weil ich Inky nicht benutzen kann so etwas wie Codepen. Ich wollte nur erklären, warum du nicht viel Feedback bekommen hast. Ich habe dir das aber gesagt:

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

Probieren Sie diesen Codepen aus:

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