Unable to approve email template. What does "...contains HTML verification errors duplicate 'ID' and cannot be approved" refer to?

Anonymous · ‎01-30-2014

Just looking to approve some templates, and unsure of what to fix in order to stop the subject error from appearing on all. Any suggestions are appreciated.

Anonymous · ‎01-30-2014

Give this a try and see if it looks the same:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */

#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */

.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */

.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */

body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */

table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */

img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */

/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */

@media only screen and (max-device-width: 480px), screen and (max-width: 480px){

/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */

body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */

body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */

/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */

#bodyCell{padding:0px !important;}

/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */

/* ======== Page Styles ======== */

#templateContainer{

max-width:600px !important;

width:100% !important;

}

h1{

font-size:24px !important;

line-height:100% !important;

}

h2{

font-size:20px !important;

line-height:100% !important;

}

h3{

font-size:18px !important;

line-height:100% !important;

}

h4{

font-size:16px !important;

line-height:100% !important;

}

/* ======== Header Styles ======== */

/* #templatePreheader{display:none !important;} Hide the template preheader to save space */

#headerImage{

/* height:auto !important; */

max-width:600px !important;

width:100% !important;

}

#templateHeader{background-position: center;}

#templateHeaderTable {

width: 90% !important;

}

.headerContent{

font-size:20px !important;

line-height:125% !important;

}

#headerIcon {

vertical-align: top !important;

}

#headerTitles {

padding-left: 3% !important;

}

#singleName {

color: #000 !important;

font-size: 4px !important;

}

/* ======== Body Styles ======== */

.bodyContent{

font-size:18px !important;

line-height:125% !important;

}

/* ======== Column Styles ======== */

#templateColumns { width: 100% !important; }

#templateColumnTable { width: 100% !important;}

.templateColumnContainer_ts {display:block !important; width:100% !important;}

#contentColumnLeft {display:block !important; width:100% !important;}

#contentColumnRight {display:block !important; width:100% !important;}

.columnImage{

height:auto !important;

max-width:100% !important;

width:100% !important;

}

.leftColumnContent_ts{

font-size:16px !important;

line-height:125% !important;

}

.rightColumnContent_ts{

font-size:16px !important;

line-height:125% !important;

}

/* ======== Footer Styles ======== */

#footerLinksContent {

width: 100%;

}

#footerLinksContentLeft {

display:block !important; width:100% !important;

font-size: 9px !important;

}

#footerLinksIcons {

width: 100% !important;

text-align: center !important;

margin-bottom: 8px;

}

#footerLinksIconsText {

width: 100px !important;

}

#footerLinksContentRight {

display:block !important; width:100% !important;

text-align: center !important;

font-size: 9px !important;

}

.footerContent{

font-size:14px !important;

line-height:115% !important;

}

.footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */

}

</style>

body.c16 {margin: 0;padding: 0;background-color: #f2f2f2;height: 100%;width: 100%;}

div.c15 {text-align: center}

table.c14 {margin: 0;padding: 0;background-color: #f2f2f2;border-collapse: collapse;height: 100%;width: 100%;}

td.c13 {margin: 0;padding: 0px;height: 100%;width: 100%; border-top: 4px solid #e9e9e9;}

table.c12 {width: 100%;background-color: #e9e9e9;border-collapse: collapse;}

table.c11 {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse; margin-bottom: 30px}

table.c10 {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse; background-color: black}

td.c9 {text-align: center;background: black;padding: 10px 15px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;}

a.c8 {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

img.c7 {-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;}

table.c6 {background-color: #F4F4F4;border-collapse: collapse;}

td.c5 {background-color: #fff;color: #505050;font-family: 'PT Sans' , Helvetica, sans-serif;font-size: 16px;line-height: 150%;text-align: left;width: 60%;}

table.c4 {border-collapse: collapse;}

td.c3 {padding: 20px;}

table.c2 {width: 600px; border-collapse: collapse; text-align: center;}

td.c1 {color: #505050;font-family: Helvetica;font-size: 14px;line-height: 150%;padding-top: 0;text-align: left; width: 100%;}

</style>

div.c1 {text-align: center}

</style>

</head>

<tr>

<tr>

<tr>

<tr>

<tr>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem

ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.</p>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<tr>

<td>

<tr>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</div>

</body>

</html>

View solution in original post

Anonymous · ‎08-12-2016

I'm having the same issue. Getting this error message when I try to approve an email template: "ADO_Client Weekly Newsletter" contains HTML verification errors (duplicate 'ID') and cannot be approved.

I searched through all the mktEditable ids and none of them are duped. I also tried HTML Tidy and it said it found 0 errors, but a lot of warnings. Any help would be appreciated! Thank you!

Justin_Cooperm2 · ‎08-12-2016

It definitely means you have duplicate IDs. Why don't you just copy and paste your code here and see what it says The W3C Markup Validation Service

Anonymous · ‎08-14-2014

Hey Jason,

Thank you for your response! I think I've solved the duplicate ID tage issue (they were associated with other elements, rather than divs before) but now I am experiencing a new issue. It seems that the urls I've inserted in a couple of buttons are being duplicated, and so the styling is being eliminated. This is occuring in the "Latest News" section, and only the first and second buttons - the third button is formatted properly. This isn't showing up in local html, and not in the preview area of the Marketo editor - just when a test email is sent.

Any idea what's going on or how to fix it? Thank you in advance!

Melissa

http://pastebin.com/pnNWr7LD#

Anonymous · ‎08-11-2014

If possible, please post your code using Pastebin: http://pastebin.com/ and I'll review it!

Anonymous · ‎05-31-2016

Hi Jason,

Can you check my code as well? I've used HTML Tidy and also deleted all the "mktEditable" class and there's still an error. Much appreciated!

http://pastebin.com/6zrPhPW7

SanfordWhiteman · ‎05-31-2016

id="image5" is duped. Probably more. Just search thoroughly.

Anonymous · ‎06-01-2016

Thank you Sanford!

Anonymous · ‎08-06-2014

Hi Jason,

I'm experiencing the same issue! Not sure what's wrong, as I have checked to make sure all of the id tags are unique. Could you please assist?

Anonymous · ‎03-18-2014

Emily,

Can you post your code? I'd be happy to help.

Anonymous · ‎03-17-2014

Hi Jason,

Can you help me as well? I tried using HTML Tidy but it didn't seem to make a difference. I even went through and numbered all my ID tags to make sure there were no duplicates so I have no idea what is causing the error!!

Thank you so much in advance for an insight into the problem.

Anonymous · ‎01-31-2014

No problem! I used HTML Tidy to help clean it up and look for some unclosed tags (which I think was the problem).

Anonymous · ‎01-31-2014

Hi Jason, thanks for your help! The email template has been approved with no errors 🙂

Much appreciated!

Anonymous · ‎01-30-2014