Wie create "Tabelle" reagiert für alle E-Mail-Client?

Question

Ich werde einen Tisch für meinen Newsletter erstellen, aber ich lese, dass jeder Kunde den Code in nicht gleicher Weise lesen ... So würde Ich mag eine table haben, die sie anspricht, für alle E-Mail-Service wird ...

ich mache ein kleines Beispiel ..

<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-spacing: 0;border-collapse: collapse;vertical-align: top; color: #000000; font-size: 15px; margin-top:25px; font-family: Arial"> 
    <tbody> 
    <tr style="vertical-align: top; height: 40px"> 
     <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; font-weight: bolder; border-width: 2px 1px 2px 2px; border-style: solid; border-color: #769e9e; text-align: center; padding: 8px 3px 8px 5px; width: 125px;"> 
     <!--<![endif]--> 
     Vulcano 
     <!--[if !mso]><!- - --> 
     </td> 
     <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; font-weight: bolder; border-width: 2px 2px 2px 1px; border-style: solid; border-color: #769e9e; text-align: center; padding: 8px 3px 8px 5px; width: 100px;"> 
     Ultima attivita' 
     <!--[if !mso]><!- - --> 
     </td> 
    </tr> 

    <tr style="vertical-align: top"> 
     <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; text-align: left; border-width: 1px 1px 1px 2px; border-style: solid; border-color: #a8c1c1 #a8c1c1 #a8c1c1 #769e9e; padding: 3px 3px 3px 5px; width: 125px;"> 
     <!--<![endif]-->Etna 
     <!--[if !mso]><!- - --> 
     </td> 
     <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; text-align: left; border-width: 1px 2px 1px 1px; border-style: solid; border-color: #a8c1c1 #769e9e #a8c1c1 #a8c1c1; width: 100px; padding: 3px 0px 3px 8px;"> 
     <!--<![endif]-->2015 
     <!--[if !mso]><!- - --> 
     </td> 
    </tr> 


    <tr style="vertical-align: top"> 
     <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; border-style: solid; border-color: #769e9e; border-width: 1px 1px 2px 2px; width: 125px; padding: 3px 3px 3px 5px;"> 
     <!--<![endif]--> 
     <!--[if !mso]><!- - --> 
    </td> 
    <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; border-style: solid; border-color: #769e9e; border-width: 1px 2px 2px 1px; width: 100px; padding: 3px 3px 3px 5px;"> 
     <!--<![endif]--> 
     <!--[if !mso]><!- - --> 
    </td> 
    </tr> 
</tbody> 
</table> 

Hier ist die http://jsfiddle.net/s7n7exst/

Was ist mit do yuo denken?

Answer 1

Aktualisiert:

Insgesamt ja - was würden Sie arbeiten. Ihre Tabelle würde in einigen Outlook-Clients zusammenbrechen. Wenn Sie dies weiterhin tun, sollten Sie Ihre E-Mails mit Litmus und/oder EmailOnAcid testen, um Konsistenz zu gewährleisten.

Ich habe ein paar Dinge festgelegt und jetzt sollte diese

arbeiten

<table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-spacing: 0; border-collapse: collapse;vertical-align: top; color: #000000; font-size: 15px; Margin:25px 0 0 0; font-family: Arial"> 

    <tr height="40" style="vertical-align: top; height: 40px"> 
    <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; font-weight: bolder; border-width: 2px 1px 2px 2px; border-style: solid; border-color: #769e9e; text-align: center; padding: 8px 3px 8px 5px; width: 125px;">Vulcano</td> 
    <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; font-weight: bolder; border-width: 2px 2px 2px 1px; border-style: solid; border-color: #769e9e; text-align: center; padding: 8px 3px 8px 5px; width: 100px;">Ultima attivita'</td> 
    </tr> 

    <tr style="vertical-align: top"> 
    <td valign="middle" style="word-break: break-word;border-collapse: collapse !important;vertical-align: top; text-align: left; border-width: 1px 1px 1px 2px; border-style: solid; border-color: #a8c1c1 #a8c1c1 #a8c1c1 #769e9e; padding: 3px 3px 3px 5px; width: 125px;">Etna</td> 
    <td valign="middle" style="word-break: break-word; border-collapse: collapse !important;vertical-align: top; text-align: left; border-width: 1px 2px 1px 1px; border-style: solid; border-color: #a8c1c1 #769e9e #a8c1c1 #a8c1c1; width: 100px; padding: 3px 0px 3px 8px;">2015</td> 
    </tr> 

</table>