cannot see the results of my form

User 2841751 Photo


Registered User
1 post

I cannot see the results of my form when I use Outlook. The email I receive is blank, however, when I view using webmail, I can see the results.

Is there something wrong with my code that you can see? Thanks much.

<!DOCTYPE html>
<html lang="en" style="">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<style id="vendor_styles">
html {
-ms-overflow-y: auto !important;
}
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
img {
-ms-interpolation-mode: bicubic;
}
table.radius td {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
table.round td {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
}
table.columns,
table.column {
display: -webkit-box;
}
table.columns td.element_connector,
td.element_connector {
width: 100% !important;
width: calc(100%) !important;
width: -webkit-calc(100%) !important;
}
table.container,
table.columns,
table.column,
table.social-box-wrapper,
table.social-box-text-wrapper {
*table-layout: auto !important;
}
div, p, a, li, td { -webkit-text-size-adjust: none; }
</style>
<style>
@media screen and (max-device-width: 650px), screen and (max-width: 650px) {
table[class="body"] center { min-width: 0px !important; }
table[class="body"] .container { max-width: 660px; width: 100% !important; }
table[class="body"] .row { width: 100% !important; display: block !important; }
table[class="body"] .row::after { content: ' '; display: table; height: 0px; clear: both; visibility: hidden; }
table.row > tbody > tr > td.center { display: block; padding: 0px !important; }
table[class="body"] .wrapper { display: block !important; float: none !important; min-width: 0px !important; }
table.row > tbody, table.row > tbody > tr { display: block; width: 100%; }
table[class="body"] .columns, table[class="body"] .column { max-width: 660px !important; table-layout: fixed !important; float: left !important; padding-right: 0px !important; padding-left: 0px !important; }
table[class="body"] .wrapper.first .columns, table[class="body"] .wrapper.first .column { display: table !important; }
table[class="body"] .twelve { width: 100% !important; }
table[class="body"] .wrapper.twelve { float: left !important; }
table[class="body"] .wrapper.twelve .columns, table[class="body"] .wrapper.twelve .column { width: 100% !important; }
table[class="body"] .eleven { width: 91.66666667% !important; }
table[class="body"] .wrapper.eleven { float: left !important; }
table[class="body"] .wrapper.eleven .columns, table[class="body"] .wrapper.eleven .column { width: 100% !important; }
table[class="body"] .ten { width: 83.33333333% !important; }
table[class="body"] .wrapper.ten { float: left !important; }
table[class="body"] .wrapper.ten .columns, table[class="body"] .wrapper.ten .column { width: 100% !important; }
table[class="body"] .nine { width: 75% !important; }
table[class="body"] .wrapper.nine { float: left !important; }
table[class="body"] .wrapper.nine .columns, table[class="body"] .wrapper.nine .column { width: 100% !important; }
table[class="body"] .eight { width: 66.66666667% !important; }
table[class="body"] .wrapper.eight { float: left !important; }
table[class="body"] .wrapper.eight .columns, table[class="body"] .wrapper.eight .column { width: 100% !important; }
table[class="body"] .seven { width: 58.33333333% !important; }
table[class="body"] .wrapper.seven { float: left !important; }
table[class="body"] .wrapper.seven .columns, table[class="body"] .wrapper.seven .column { width: 100% !important; }
table[class="body"] .six { width: 50% !important; }
table[class="body"] .wrapper.six { float: left !important; }
table[class="body"] .wrapper.six .columns, table[class="body"] .wrapper.six .column { width: 100% !important; }
table[class="body"] .five { width: 41.66666667% !important; }
table[class="body"] .wrapper.five { float: left !important; }
table[class="body"] .wrapper.five .columns, table[class="body"] .wrapper.five .column { width: 100% !important; }
table[class="body"] .four { width: 33.33333333% !important; }
table[class="body"] .wrapper.four { float: left !important; }
table[class="body"] .wrapper.four .columns, table[class="body"] .wrapper.four .column { width: 100% !important; }
table[class="body"] .three { width: 25% !important; }
table[class="body"] .wrapper.three { float: left !important; }
table[class="body"] .wrapper.three .columns, table[class="body"] .wrapper.three .column { width: 100% !important; }
table[class="body"] .two { width: 16.66666667% !important; }
table[class="body"] .wrapper.two { float: left !important; }
table[class="body"] .wrapper.two .columns, table[class="body"] .wrapper.two .column { width: 100% !important; }
table[class="body"] .one { width: 8.33333333% !important; }
table[class="body"] .wrapper.one { float: left !important; }
table[class="body"] .wrapper.one .columns, table[class="body"] .wrapper.one .column { width: 100% !important; }
table[class="body"] .columns td.twelve, table[class="body"] .column td.twelve { width: 100% !important; }
table[class="body"] td.offset-by-twelve { padding-left: 0px !important; }
table[class="body"] .small-twelve { width: 100% !important; }
table[class="body"] .columns td.eleven, table[class="body"] .column td.eleven { width: 91.66666667% !important; }
table[class="body"] td.offset-by-eleven { padding-left: 0px !important; }
table[class="body"] .small-eleven { width: 91.66666667% !important; }
table[class="body"] .columns td.ten, table[class="body"] .column td.ten { width: 83.33333333% !important; }
table[class="body"] td.offset-by-ten { padding-left: 0px !important; }
table[class="body"] .small-ten { width: 83.33333333% !important; }
table[class="body"] .columns td.nine, table[class="body"] .column td.nine { width: 75% !important; }
table[class="body"] td.offset-by-nine { padding-left: 0px !important; }
table[class="body"] .small-nine { width: 75% !important; }
table[class="body"] .columns td.eight, table[class="body"] .column td.eight { width: 66.66666667% !important; }
table[class="body"] td.offset-by-eight { padding-left: 0px !important; }
table[class="body"] .small-eight { width: 66.66666667% !important; }
table[class="body"] .columns td.seven, table[class="body"] .column td.seven { width: 58.33333333% !important; }
table[class="body"] td.offset-by-seven { padding-left: 0px !important; }
table[class="body"] .small-seven { width: 58.33333333% !important; }
table[class="body"] .columns td.six, table[class="body"] .column td.six { width: 50% !important; }
table[class="body"] td.offset-by-six { padding-left: 0px !important; }
table[class="body"] .small-six { width: 50% !important; }
table[class="body"] .columns td.five, table[class="body"] .column td.five { width: 41.66666667% !important; }
table[class="body"] td.offset-by-five { padding-left: 0px !important; }
table[class="body"] .small-five { width: 41.66666667% !important; }
table[class="body"] .columns td.four, table[class="body"] .column td.four { width: 33.33333333% !important; }
table[class="body"] td.offset-by-four { padding-left: 0px !important; }
table[class="body"] .small-four { width: 33.33333333% !important; }
table[class="body"] .columns td.three, table[class="body"] .column td.three { width: 25% !important; }
table[class="body"] td.offset-by-three { padding-left: 0px !important; }
table[class="body"] .small-three { width: 25% !important; }
table[class="body"] .columns td.two, table[class="body"] .column td.two { width: 16.66666667% !important; }
table[class="body"] td.offset-by-two { padding-left: 0px !important; }
table[class="body"] .small-two { width: 16.66666667% !important; }
table[class="body"] .columns td.one, table[class="body"] .column td.one { width: 8.33333333% !important; }
table[class="body"] td.offset-by-one { padding-left: 0px !important; }
table[class="body"] .small-one { width: 8.33333333% !important; }
table[class="body"] .right-text-pad, table[class="body"] .text-pad-right { padding-left: 10px !important; }
table[class="body"] .left-text-pad, table[class="body"] .text-pad-left { padding-right: 10px !important; }
table[class="body"] table.image-component > tbody > tr > td.element, table[class="body"] table.image-component-right > tbody > tr > td.element, table[class="body"] table.image-table > tbody > tr > td.element, table[class="body"] table.link-image-table > tbody > tr > td.element { width: auto; }
table[class="body"] table td.social-image-cell { width: auto; }
}
@media only screen and (max-width: 650px) {
table[class="body"] .hide-for-small, table[class="body"] .show-for-desktop { display: none !important; }
table[class="body"] .show-for-small, table[class="body"] .hide-for-desktop { display: inherit !important; }
}
@media screen and (max-device-width: 650px), screen and (max-width: 650px) {
.form_results div td { display: inline-block !important; width: 100% !important; }
.cart_summary div td:nth-child(3), .cart_summary div th:nth-child(3) { display: none; }
.cart_summary div tr:last-child td:first-child { display: block; }
}
@media screen and (max-width:650px) {
body table[class='body'] .body-1 {
padding-top: 0px !important;
}
table[class='body'] table.heading4.doc-heading > tbody > tr > td.element > * {
font-size: 16px !important;
}
body table[class='body'] .row .columns.column-1 {
margin-top: 0px !important;
}
body table[class='body'] .row .columns td.element_connector {
padding-right: 5px !important;
padding-left: 5px !important;
}
table[class='body'] table.paragraph > tbody > tr > td.element > * {
font-size: 14px !important;
line-height: 1.5 !important;
}
table[class='body'] table.form_results.form-results-1 > tbody > tr > td.element > * {
font-size: 13px !important;
line-height: 1.5 !important;
}
table[class='body'] table.form_results.form-results-1 > tbody > tr > td.element {
padding-right: 10px !important;
padding-left: 10px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
table[class='body'] table.form_results.form-results-1 > tbody > tr > td.margin-top {
padding-top: 0px !important;
}
table[class='body'] table.text.sign > tbody > tr > td.element > * {
font-size: 16px !important;
}

}
@media screen and (max-width: 440px) {
body .row.branded-proud .paragraph p { font-size: 12px !important; }
body .row.branded-proud .link-image-table.red-logo > tbody > tr td.element img { max-width: 60px !important; }
}
</style>
</head>
<body class="body-1" style="min-width:100%;margin:0px;padding:0px;width:100%;border:none;max-width:none;position:relative;font-family:Georgia, Times, 'Times New Roman', serif;background-color:#ffffff;padding-top:30px;padding-bottom:30px;" bgcolor="#ffffff">
<table cellpadding="0" cellspacing="0" border="0" class="body" style="height:100%;width:100%;">
<tbody>
<tr>
<!--[if gte mso 9]><td class="center" align="center" valign="top" style="text-align:center;" bgcolor="#ffffff"><![endif]--><![if !mso]><!-- --><td class="center" align="center" valign="top" style="text-align:center;background-color:#FFFFFF;" bgcolor="#FFFFFF"><!--<![endif]-->
<center class="grid_selector" style="width:100%;"><![if !mso]>

<tbody>
<tr>
<td><table cellpadding="0" cellspacing="0" border="0" class="body" style="height:100%;width:100%;">
<tbody>
<tr>
<!--[if gte mso 9]><td class="center" align="center" valign="top" style="text-align:center;" bgcolor="#ffffff"><![endif]--><![if !mso]><!-- --><td class="center" align="center" valign="top" style="text-align:center;background-color:#ffffff;" bgcolor="#ffffff"><!--<![endif]-->
<center class="grid_selector" style="width:100%;"><![if !mso]><!-- --><img style="width:1px; height:0px; max-height:0px; display: block;" src="http://sdrive-storage.s3.amazonaws.com/red-resources/551adef18a0520/00764709/blank.png"><!--<![endif]-->
<!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="container" style="display:block;table-layout:fixed;margin:0px auto;text-align:inherit;display:none; mso-hide: none;" width="660"><![endif]--><![if !mso]><!-- --><table width="100%" border="0" cellpadding="0" cellspacing="0" class="container" style="max-width:660px;display:block;table-layout:fixed;margin:0px auto;text-align:inherit;*width:660px;"><!--<![endif]-->
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" class="row row-3" style="width:100%;position:relative;background-color:#65adb8;" bgcolor="#65adb8">
<tbody>
<tr>
<td class="wrapper last twelve" valign="top" style="padding:0px;vertical-align:top;padding-right:0px;">
<!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="columns twelve heading-row" style="margin:0px auto;text-align:left;table-layout:fixed;display:-webkit-box;display:none; mso-hide: none;" width="660"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="columns twelve heading-row" style="margin:0px auto;text-align:left;table-layout:fixed;display:-webkit-box;width:100%;max-width:660px;*width:660px;"><!--<![endif]-->
<tbody>
<tr>
<td class="expander" style="padding-left:10px;width:0.000001pt;"></td>
<td class="element_connector" style="padding:0px;height:35px;width:100%;padding-right:10px;padding-left:10px;">
<table cellpadding="0" cellspacing="0" border="0" class="heading4 doc-heading" style="width:100%;text-align:left;">
<tbody>
<tr>
<td class="margin-top" style="line-height:0;font-size:0px;padding-top:10px;">&nbsp;</td>
</tr>
<tr>
<td align="center" class="element" style="text-align:left;">
<h4 style="padding:0px;text-align:center;line-height:1.5;word-break:normal;margin:0px 0px 5px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;text-rendering:optimizelegibility;font-weight:700;color:#ffffff;font-size:18px;">Auto Ship Form</h4>
</td>
</tr>
<tr>
<td class="margin-bottom" style="line-height:0;font-size:0px;padding-bottom:5px;">&nbsp;</td>
</tr>
</tbody>
</table>
</td>
<td class="expander" style="padding-left:10px;width:0.000001pt;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="container" style="display:block;table-layout:fixed;margin:0px auto;text-align:inherit;display:none; mso-hide: none;" width="660"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="container" style="max-width:660px;display:block;table-layout:fixed;margin:0px auto;text-align:inherit;*width:660px;"><!--<![endif]-->
<tbody>
<tr>
<td>
<table cellpadding="0" cellspacing="0" border="0" class="row row-2" style="width:100%;position:relative;background-color:#f5f5f5;">
<tbody>
<tr>
<td class="wrapper last twelve" valign="top" style="padding:0px;vertical-align:top;padding-right:0px;">
<!--[if gte mso 9]><table cellpadding="0" cellspacing="0" border="0" class="columns twelve column-1" style="margin:0px auto;text-align:left;table-layout:fixed;display:-webkit-box;display:none; mso-hide: none;" width="660"><![endif]--><![if !mso]><!-- --><table cellpadding="0" cellspacing="0" border="0" class="columns twelve column-1" style="margin: 0px auto; text-align: left; table-layout: fixed; display: -webkit-box; width: 100%; max-width: 660px; *width:660px;font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif;"><!--<![endif]-->
<tbody>
<tr>
<td class="expander" style="padding-left:10px;width:0.000001pt;"></td>
<td class="element_connector" style="padding:0px;height:35px;width:100%;padding-right:10px;padding-left:10px;padding-bottom:30px;">
<table cellpadding="0" cellspacing="0" border="0" class="paragraph paragraph-1" style="width:100%;text-align:left;">
<tbody>
<tr>
<td class="margin-top" style="line-height:0;font-size:0px;padding-top:20px;">&nbsp;</td>
</tr>
<tr>
<td class="element" style="text-align:left;">
<p style="font-weight:normal;padding:0px;text-align:left;margin:0px 0px 1.35em;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:1.5;color:#474747;">Here’s what was submitted:</p>
</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" border="0" class="form_results form-results-1" style="width: 100%; line-height: 1.7; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; text-align: left; color: #282727;">
<tbody>
<tr>
<td bgcolor="#FFFFFF" class="element" style="text-align:left;border-style:none;border-width:1px;padding:15px 20px;">
<div style="width: 100%; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 16px; color: #474747;">[_form_results_]</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="expander" style="padding-left:10px;width:0.000001pt;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</body>
</html>

</center>
</td>
</tr>
</tbody>
</table>
</body>
</html>
User 2147646 Photo


Registered User
233 posts

These closing tags have duplicates at the end of your code. Could be the cause :)
</center>
</td>
</tr>
</tbody>
</table>
</body>
</html>


</center>
</td>
</tr>
</tbody>
</table>
</body>
</html>


Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.