2016-08-31 2 views
0

Mailchimp ist so frustrierend. Ich versuche eine Kampagne mit der Vorlage zu erstellen, die ich gemacht habe. Es soll wie folgt aussehen:Mailchimp verwendet den Rahmen der Tabelle im gesamten Template-Design

template design

aber wenn ich versuche, eine Tabelle einfügen, die ich von Google Blätter kopiert, es sieht wie dieses

template with border

Wie kann ich fix es? Wie kann ich die Ränder jedes Mal verschwinden lassen, wenn ich einen Tisch einfüge?

Wenn Sie sich fragen, dies ist der Quellcode (entfernte ich den Inhalt, weil es eingestuft ist und es übertraf die 30.000 Zeichen Begrenzung):

<style type="text/css"><!--td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}--> 
</style> 
<table border="1" cellpadding="0" cellspacing="0" dir="ltr"> 
<colgroup> 
    <col width="277" /> 
    <col width="100" /> 
    <col width="100" /> 
    <col width="113" /> 
    <col width="114" /> 
    <col width="49" /> 
    <col width="79" /> 
    <col width="2" /> 
    <col width="100" /> 
    <col width="100" /> 
</colgroup> 
<tbody> 
    <tr> 
     <td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;AS OF: 8/29/16&quot;}">AS OF: 8/29/16</td> 
     <td colspan="6" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;DIGITAL CARDS/CODES\n Official Pins or Scans with Text&quot;}" rowspan="1">DIGITAL CARDS/CODES<br /> 
     Official Pins or Scans with Text</td> 
     <td>&nbsp;</td> 
     <td colspan="2" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;PHYSICAL CARDS\n Free shipping on 500+ units&quot;}" rowspan="1">PHYSICAL CARDS<br /> 
     Free shipping on 500+ units</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td colspan="2" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;&lt; 100 Units&quot;}" rowspan="1">&lt; 100 Units</td> 
     <td colspan="2" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;100+ Units\n Call/Email for pricing on 1000+ units per item&quot;}" rowspan="1">100+ Units<br /> 
     Call/Email for pricing on 1000+ units per item</td> 
     <td colspan="2" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Format&quot;}" rowspan="1">Format</td> 
     <td>&nbsp;</td> 
     <td colspan="2" data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Call/Email for pricing\n on 1000+ units per item&quot;}" rowspan="1">Call/Email for pricing<br /> 
     on 1000+ units per item</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Unit Cost&quot;}">&nbsp;</td> 
     <td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;% Off MSRP&quot;}">&nbsp;</td> 
     <td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Unit Cost&quot;}">&nbsp;</td> 
     <td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;% Off MSRP&quot;}">&nbsp;</td> 
     <td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Pins&quot;}">&nbsp;</td> 
     <td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Scans + Text&quot;}">&nbsp;</td> 
     <td>&nbsp;</td> 
     <td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;Unit Cost&quot;}">&nbsp;</td> 
     <td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;% Off MSRP&quot;}">&nbsp;</td> 
    </tr> 
    <tr> 
     <td data-sheets-numberformat="[null,4,&quot;\&quot;$\&quot;#,##0&quot;,1]" data-sheets-value="{&quot;1&quot;:3,&quot;3&quot;:10}">&nbsp;</td> 
     <td data-sheets-numberformat="[null,4,&quot;\&quot;$\&quot;#,##0.00&quot;,1]" data-sheets-value="{&quot;1&quot;:3,&quot;3&quot;:9.15}">&nbsp;</td> 
     <td data-sheets-numberformat="[null,3,&quot;0.00%&quot;,1]" data-sheets-value="{&quot;1&quot;:3,&quot;3&quot;:0.085}">&nbsp;</td> 
     <td data-sheets-numberformat="[null,4,&quot;\&quot;$\&quot;#,##0.00&quot;,1]" data-sheets-value="{&quot;1&quot;:3,&quot;3&quot;:9.1}">&nbsp;</td> 
     <td data-sheets-numberformat="[null,3,&quot;0.00%&quot;,1]" data-sheets-value="{&quot;1&quot;:3,&quot;3&quot;:0.09}">&nbsp;</td> 
     <td data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;\u25cf&quot;}">&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td data-sheets-numberformat="[null,4,&quot;\&quot;$\&quot;#,##0.00&quot;,1]" data-sheets-value="{&quot;1&quot;:3,&quot;3&quot;:9.1}">&nbsp;</td> 
     <td data-sheets-numberformat="[null,3,&quot;0.00%&quot;,1]" data-sheets-value="{&quot;1&quot;:3,&quot;3&quot;:0.09}">&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td data-sheets-numberformat="[null,4,&quot;\&quot;$\&quot;#,##0&quot;,1]">&nbsp;</td> 
     <td data-sheets-numberformat="[null,4,&quot;\&quot;$\&quot;#,##0.00&quot;,1]">&nbsp;</td> 
     <td data-sheets-numberformat="[null,3,&quot;0.00%&quot;,1]">&nbsp;</td> 
     <td data-sheets-numberformat="[null,4,&quot;\&quot;$\&quot;#,##0.00&quot;,1]">&nbsp;</td> 
     <td data-sheets-numberformat="[null,3,&quot;0.00%&quot;,1]">&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
</tbody> 
</table> 
+0

'

' entfernen 'border = 1' –

+0

FYI: MailChimp ist nicht so frustrierend. :) –

+0

@GokulShinde Hallo Ich habe es versucht, aber die Grenze ist immer noch da :( – nikita

Antwort

0

Schritt 1: setzen Sie jedes <table>

<table border="0" cellpadding="0" cellspacing="0" dir="ltr"> 

Schritt 2: löschen die kommentierten-out td {border: 1px solid #ccc;}

Sie jetzt überall keine Grenzen haben sollte, so gehen Sie zurück und fügen Sie nur die Grenzen Sie entweder auf <td> s mit Inline-Styles wollen (am besten) oder <table> s. ZB:

<table border="0" cellpadding="0" cellspacing="0" dir="ltr"> 
    <tr> 
     <td style="border-top: 1px solid #ffffff;"> 
      content 
     </td> 
    </tr> 
</table> 

Diese E-Mail ohne unbeabsichtigte Grenzen überall produzieren sollte. Ich bin mir nicht sicher, wie das Einfügen aus Google Tabellen aussieht, aber Sie möchten den HTML-Code auf diese Weise bearbeiten, um sicherzustellen, dass er korrekt angezeigt wird.

+0

Danke dafür! Tut t seine Bedeutung muss ich jedes Mal tun, wenn ich es poste? Dies ist lästig für die Person, die die Kampagne tut, weiß er nichts über html lol – nikita

+0

Ja, es klingt wie das Einfügen einer Tabelle aus Google Tabellen nicht E-Mail-freundliche Markup produzieren. Daher muss der Code jedes Mal bereinigt werden. Wenn Sie dies oft tun, helfen vielleicht ein paar Suchen/Ersetzen-Operationen? –

2

table border angewendet Änderung border="0"

<table border="0" cellpadding="0" cellspacing="0" dir="ltr"> 
+0

Diese Antwort sollte funktionieren. Sie können auch die auskommentierte 'td {border: 1px solid #ccc;}', nur um sicherzustellen, dass MailChimp es nicht versehentlich anwendet. –

+0

Hi Ich habe es gerade versucht, aber es hat nicht funktioniert :(der Rahmen ist immer noch da – nikita

+0

@TedGoas Hi ich entfernte die auskommentierte td und es funktionierte! ABER es entfernte auch die Grenzen von der tatsächlichen Tabelle :( – nikita

Verwandte Themen