AnsweredAssumed Answered

HTML code - space in email template how to remove it

Question asked by Nimisha Garg on Aug 10, 2018
Latest reply on Aug 22, 2018 by Ronen Wasserman

Hello All,

 

There is some extra spacing in the email (HTML template). I have not designed it.

 

How can I remove this spacing...see screen shot....

 

HTML line of code after the text "we hope to see you there" - > is scroll down.....

 

 

 

spacing 2.PNG

 

Rest of the HTML code under the line we hope to see you there!

 

<tr style="vertical-align:top; text-align:left; padding:0;" align="left">

                    <td style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding:0;" align="left" valign="top"></td>

                  </tr>

                  <tr style="vertical-align:top; text-align:left; padding:0;" align="left">

                    <td style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding:0;" align="left" valign="top">

                      <table class="twelve columns" style="border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:580px; margin:0 auto; padding:0; border-bottom:1px solid #c7c7c7;">

                        <tbody>

                          <tr style="vertical-align:top; text-align:left; padding:0;" align="left">

                            <td style="font-family:Arial, Helvetica, sans-serif; color:#4b4f54; line-height:20px; font-size:14px; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; font-weight:normal; margin:0; padding:0px 20px 20px;" align="left" valign="top"></td>

                          </tr>

                        </tbody>

                      </table> </td>

                  </tr>

                  <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                    <td style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding:0; " align="left" valign="top">

                      <table class="row" style="border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:100%; position:relative; display:block; padding:0px; ">

                        <tbody>

                          <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                            <td class="wrapper last" style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; position:relative; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding:0px 0px 0px; " align="left" valign="top">

                              <table class="twelve columns" style="border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:580px; margin:0 auto; padding:0; ">

                                <tbody>

                                  <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                                    <td align="center" style="background:#ffffff; border-bottom-width:1px; border-bottom-color:#c7c7c7; border-bottom-style:solid; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding-left:20px; padding-right:20px; padding-bottom:20px; padding-top:20px; " valign="top">

                                      <div class="mktEditable" id="logo-one" style="" mktoname="logo-one">

                                        <p><a href="{{my.Registration-URL}}" target="_blank" title="Register Now! Webinar -  September 19, 2018 at 1:00 PM CT"><img src="http://info.fieldaware.com/rs/789-GBR-968/images/register-now.png" alt="Register Now" width="300" height="75" constrain="true" imagepreview="false" /></a></p>

!! Check from here

                                      </div></td>

                                  </tr>

                                </tbody>

                              </table></td>

                          </tr>

                        </tbody>

                      </table></td>

                  </tr>

                  <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                    <td style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding:0; " align="left" valign="top">

                      <table class="row" style="border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:100%; position:relative; display:block; padding:0px; ">

                        <tbody>

                          <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                            <td class="wrapper" style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; position:relative; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:19px; font-size:14px; margin:0; padding:20px 0px 0px; " align="left" valign="top">

                              <table class="eight columns" style="border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:380px; margin:0 auto; padding:0; ">

                                <tbody>

                                  <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                                    <td class="leftpad" style="font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#4b4f54; font-weight:bold; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; margin:0; padding:0px 0px 5px 20px; " align="left" valign="top">

                                      <div class="mktEditable" id="copyright" style="" mktoname="copyright">

                                        <p><span style="font-size: 14px;">Copyright © 2018 FieldAware</span></p>

                                      </div></td>

                                    <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>

                                  </tr>

                                  <tr style="vertical-align:top; text-align:left; padding:0; " align="left">

                                    <td class="leftpad foot" style="color:#313131; font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:14px; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:left; font-weight:normal; margin:0; padding:5px 0 10px 20px; " align="left" valign="top">

                                      <div class="mktEditable" id="social-icons" style="" mktoname="social-icons">

                                        <p><a href="https://www.facebook.com/FieldAware" style="color: #2ba6cb; text-decoration: none;" target="_blank" title="Check us on Facebook"><img src="http://info.fieldaware.com/rs/fieldaware/images/EM-Event-v1_Facebook.jpg" alt="Facebook" border="0" /></a>  <a href="https://twitter.com/fieldaware" style="color: #2ba6cb; text-decoration: none;" target="_blank" title="Check us on Twitter"><img src="http://info.fieldaware.com/rs/fieldaware/images/EM-Event-v1_Twitter.jpg" alt="twitter" border="0" /></a>  <a href="https://www.linkedin.com/company/fieldaware" style="color: #2ba6cb; text-decoration: none;" target="_blank" title="Check us on LinkedIn"><img src="http://info.fieldaware.com/rs/fieldaware/images/EM-Event-v1_Linkedin.jpg" alt="Linkedin" border="0" constrain="true" imagepreview="false" width="29" height="29" /></a></p>

                                      </div></td>

                                    <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>

                                  </tr>

                                </tbody>

                              </table></td>

                            <td class="wrapper last register" style="word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:top; text-align:right; position:relative; color:#222222; font-family:'Helvetica', 'Arial', sans-serif; font-weight:normal; line-height:1px; font-size:14px; margin:0; padding-top:20px; padding-right:20px; " align="right" valign="top">

                              <table class="four columns" style="border-spacing:0; border-collapse:collapse; vertical-align:top; text-align:left; width:180px; margin:0 auto; padding:0; ">

                                <tbody>

                                  <tr style="vertical-align: top; text-align: right; padding: 0;" align="right">

                                    <td height="25" class="leftpad hide-for-small" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ec1d23; font-weight: bold; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: middle; text-align: left; line-height: 1px; margin: 0; height:25px;" align="right" valign="middle"> </td>

                                    <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 1px; font-size: 14px; margin: 0; padding: 0;" align="right" valign="top"></td>

                                  </tr>

                                  <tr style="vertical-align:top; text-align:right; padding:0; " align="left">

                                    <td class="leftpad register2" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ec1d23; font-weight:bold; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; border-collapse:collapse !important; vertical-align:middle; text-align:right; line-height:1px; margin:0; padding-bottom:10px; " align="right" valign="middle">

                                      <div class="mktEditable" id="footer-links" style="" mktoname="footer-links">

                                        <p><a style="color: #ff6600; font-weight: bold; text-decoration: none;" href="{{my.Registration-URL}}" target="_blank" title="Register Now">Register</a>  <span style="color: #838383;">|</span>  <a style="color: #ff6600; font-weight: bold; text-decoration: none;" href="{{system.unsubscribeLink}}" target="_blank">Unsubscribe</a></p>

                                      </div></td>

                                    <td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;" align="right" valign="top"></td>

                                  </tr>

                                </tbody>

                              </table></td>

                          </tr>

                        </tbody>

                      </table></td>

                  </tr>

                </tbody>

              </table>

            </center></td>

        </tr>

      </tbody>

    </table> 

  </body>

</html>

Outcomes