/ / नींव ईमेल में कस्टम ग्रिड? - एचटीएमएल, ईमेल, ज़र्ब-फाउंडेशन

नींव ईमेल में कस्टम ग्रिड? - एचटीएमएल, ईमेल, ज़र्ब-फाउंडेशन

मुझे मानक ग्रिड लेआउट के भीतर एक अलग आकार का ग्रिड चाहिए।

और मुझे यह परिणाम मिलता है

नींव ईमेल परिणाम

परिणाम मुझे चाहिए

नींव ईमेल परिणाम 2

कोई विचार??

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

यह कोड है

उत्तर:

जवाब के लिए 0 № 1

आपको यहां तत्काल सहायता नहीं मिल सकती हैज़र्ब फाउंडेशन (विशेष रूप से ईमेल के लिए) इनकी मार्कअप और निर्भरताओं के पीछे ज़बर के ढेर के कारण, लोगों को तुरंत मदद देने के लिए थोड़ा निराशाजनक बना दिया गया। मुझे जवाब देने में संकोच भी था, क्योंकि मैं इनकी उपयोग नहीं कर सकता कोडपेन की तरह कुछ। बस यह बताना चाहता था कि आपको "ज्यादा प्रतिक्रिया क्यों नहीं मिली है। मैं इसके लिए आपके साथ आया, हालांकि:

<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