SOLVED

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

Go to solution
Anonymous
Not applicable

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

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.
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Anonymous
Not applicable

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

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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
 
    <title>360pi</title>
    <style type="text/css">
 
 
            /* /\/\/\/\/\/\/\/\/ 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>
    <style type="text/css">
 
     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>
    <style type="text/css">
 
    div.c1 {text-align: center}
 
    </style>
</head>
 
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" class="c16">
    <div class="c15 c1">
        <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" class="c14">
            <tr>
                <td align="center" valign="top" id="bodyCell" class="c13">
                    <!-- BEGIN TEMPLATE // -->
 
                    <table border="0" cellpadding="0" cellspacing="0" id="templateContainer" class="c12">
                        <tr>
                            <td align="center" valign="top">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns" class="c6">
                                    <tr>
                                        <td id="contentColumnLeft" valign="top" class="templateColumnContainer_ts bodyContent c5">
                                            <table align="center" border="0" cellpadding="0" cellspacing="0" class="c4">
                                                <tr>
                                                    <td valign="top" class="c3">
                                                        <table align="center" id="templateColumnTable" border="0" cellpadding="0" cellspacing="0" class="c2">
                                                            <tr>
                                                                <td class="leftColumnContent_ts c1">
                                                                    <div class="mktEditable" id="singleColumnContent">
                                                                        <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>
                                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="c11">
                                    <tr>
                                        <td>
                                            <table align="center" border="0" cellpadding="0" cellspacing="0" id="templatePreheader" class="c10">
                                                <tr>
                                                    <td nowrap="nowrap" class="c9"><a href="http://www.360pi.com/" target="_blank" class="c8"><img src="http://resources.360pi.com/rs/gazaro/images/personal_logo.png" alt="360pi" class="c7" /></a></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table><!-- // END TEMPLATE -->
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
 

View solution in original post

15 REPLIES 15
Anonymous
Not applicable

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

You have more than one element with the same ID. IDs are supposed to be unique in HTML (as opposed to classes).

If you need help, you can paste your code and I'll tell you what to change.
Anonymous
Not applicable

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

Hi Jason, thanks for the note. Our template designer created these and I checked through it also, but didn't catch what might be causing this. I've attached the code below for one of the templates that is causing this error. I appreciate the help!

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        <title>360pi</title>
 
        <style type="text/css">
 
            /* /\/\/\/\/\/\/\/\/ 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>
        
    </head>
    <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="margin: 0;padding: 0;background-color: #f2f2f2;height: 100%;width: 100%;">
            <center>
                <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="margin: 0;padding: 0;background-color: #f2f2f2;border-collapse: collapse;height: 100%;width: 100%;">
                    <tr>
                        <td align="center" valign="top" id="bodyCell" style="margin: 0;padding: 0px;height: 100%;width: 100%; border-top: 4px solid #e9e9e9;">
                            <!-- BEGIN TEMPLATE // -->
                            <table border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="width: 100%;background-color: #e9e9e9;border-collapse: collapse;">
                                <tr>
                                    
                                        <td align="center" valign="top">
 
                                                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns" style="background-color: #F4F4F4;border-collapse: collapse;">
                                                <tr>
                                                <td id="contentColumnLeft" valign="top" class="templateColumnContainer_ts bodyContent" style="background-color: #fff;color: #505050;font-family: 'PT Sans' , Helvetica, sans-serif;font-size: 16px;line-height: 150%;text-align: left;width: 60%;">
 
                                                <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                                    <tr>
                                                        <td valign="top" style="padding: 20px;">
 
                                                            <table align="center" id="templateColumnTable" border="0" cellpadding="0" cellspacing="0" style="width: 600px; border-collapse: collapse; text-align: center;"> 
                                                                <tr>
                                                                    <td class="leftColumnContent_ts" style="color: #505050;font-family: Helvetica;font-size: 14px;line-height: 150%;padding-top: 0;text-align: left; width: 100%;">
 
                                                                        <span class="mktEditable" id="singleColumnContent"><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></span>
 
                                                                    </td>
 
                                                                </tr>
                                                            </table>
 
                                                        </td>
                                                    </tr>
                                                </table>
 
                                        </td>
 
                                        </tr>
                                    </table>
 
                                    </td>
                                </tr> 
 
 
                                <tr>
 
                                
                                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse; margin-bottom: 30px">
                                        <tr>
 
                                            <td>
 
                                                <table align="center" border="0" cellpadding="0" cellspacing="0" id="templatePreheader" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse; background-color: black">
                                                    <tr>
                                            
                                                        <td nowrap style="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 href="http://www.360pi.com/" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">
 
                                                                <img src="http://resources.360pi.com/rs/gazaro/images/personal_logo.png" alt="360pi" style="-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;" />
 
                                                            </a>
                                                                    
                                                        </td>
 
                                                    </tr>
                                                </table>
 
                                            </td>
 
                                        </tr>
 
 
                                    </table>
                                                               
                                </tr>             
 
                        </table>
                        <!-- // END TEMPLATE -->
                    
                
            
        </center>
    </body>
</html>
Anonymous
Not applicable

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

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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
 
    <title>360pi</title>
    <style type="text/css">
 
 
            /* /\/\/\/\/\/\/\/\/ 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>
    <style type="text/css">
 
     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>
    <style type="text/css">
 
    div.c1 {text-align: center}
 
    </style>
</head>
 
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" class="c16">
    <div class="c15 c1">
        <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" class="c14">
            <tr>
                <td align="center" valign="top" id="bodyCell" class="c13">
                    <!-- BEGIN TEMPLATE // -->
 
                    <table border="0" cellpadding="0" cellspacing="0" id="templateContainer" class="c12">
                        <tr>
                            <td align="center" valign="top">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns" class="c6">
                                    <tr>
                                        <td id="contentColumnLeft" valign="top" class="templateColumnContainer_ts bodyContent c5">
                                            <table align="center" border="0" cellpadding="0" cellspacing="0" class="c4">
                                                <tr>
                                                    <td valign="top" class="c3">
                                                        <table align="center" id="templateColumnTable" border="0" cellpadding="0" cellspacing="0" class="c2">
                                                            <tr>
                                                                <td class="leftColumnContent_ts c1">
                                                                    <div class="mktEditable" id="singleColumnContent">
                                                                        <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>
                                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="c11">
                                    <tr>
                                        <td>
                                            <table align="center" border="0" cellpadding="0" cellspacing="0" id="templatePreheader" class="c10">
                                                <tr>
                                                    <td nowrap="nowrap" class="c9"><a href="http://www.360pi.com/" target="_blank" class="c8"><img src="http://resources.360pi.com/rs/gazaro/images/personal_logo.png" alt="360pi" class="c7" /></a></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table><!-- // END TEMPLATE -->
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
 
Anonymous
Not applicable

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

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

Much appreciated!

Anonymous
Not applicable

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

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

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

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

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

Emily,

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

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

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

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

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