Skip to main content

Hello. I have an issue with the embed email option.

I´m using Oddo email marketing builder. When I send to gmail account, the embed is perfect.

When I send to Outlook email account, there are black border lines on the embed table.

 

Is it normal?

 

Hi @TIPS4Y2023 Thanks for stopping by the community! I hope you’re having a good one. 

I think this it might have to do with the code in Oddo, but to be sure, do you mind sending over all of the code in that email? That’ll help me confirm the issue for you!

Hi Liz, do you an email?. I can send you directly

Hi @TIPS4Y2023 Feel free to post it here or share a screenshot of it!

 

<div class="o_layout oe_unremovable oe_unmovable o_tech_theme" data-name="Mailing" style="background-color: rgb(250, 250, 250);"><style id="design-element">.o_mail_wrapper a.btn.btn-fill-secondary {
font-size:14px;
}
.o_mail_wrapper a.btn.btn-outline-secondary {
font-size:14px;
}
.o_mail_wrapper a.btn.btn-secondary {
font-size:14px;
}
.o_mail_wrapper h1 {
font-weight:bolder;
color:rgb(54, 166, 210);
}
.o_mail_wrapper h1:not(.fa) {
font-family:Tahoma, Verdana, Segoe, sans-serif !important;
}
.o_mail_wrapper h1 :not(.fa) {
font-family:Tahoma, Verdana, Segoe, sans-serif !important;
}
.o_mail_wrapper h2 {
font-weight:bolder;
}
.o_mail_wrapper h2:not(.fa) {
font-family:"Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}
.o_mail_wrapper h2 :not(.fa) {
font-family:"Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}
.o_mail_wrapper h3 {
font-size:18px;
font-weight:bolder;
color:rgb(54, 166, 210);
}
.o_mail_wrapper h3:not(.fa) {
font-family:Verdana, Geneva, sans-serif !important;
}
.o_mail_wrapper h3 :not(.fa) {
font-family:Verdana, Geneva, sans-serif !important;
}
.o_mail_wrapper p {
color:rgb(33, 37, 41);
}
.o_mail_wrapper p > * {
color:rgb(33, 37, 41);
}
.o_mail_wrapper li {
color:rgb(33, 37, 41);
}
.o_mail_wrapper li > * {
color:rgb(33, 37, 41);
}
.o_mail_wrapper a:not(.btn) {
color:rgb(54, 166, 210);
}
.o_mail_wrapper a.btn.btn-link {
color:rgb(54, 166, 210);
}
.o_mail_wrapper a.btn.btn-primary {
background-color:rgb(54, 166, 210);
border-top-color:rgb(255, 255, 255);
border-right-color:rgb(255, 255, 255);
border-bottom-color:rgb(255, 255, 255);
border-left-color:rgb(255, 255, 255);
}
.o_mail_wrapper a.btn.btn-outline-primary {
background-color:rgb(54, 166, 210);
border-top-color:rgb(255, 255, 255);
border-right-color:rgb(255, 255, 255);
border-bottom-color:rgb(255, 255, 255);
border-left-color:rgb(255, 255, 255);
}
.o_mail_wrapper a.btn.btn-fill-primary {
background-color:rgb(54, 166, 210);
border-top-color:rgb(255, 255, 255);
border-right-color:rgb(255, 255, 255);
border-bottom-color:rgb(255, 255, 255);
border-left-color:rgb(255, 255, 255);
}
.o_mail_wrapper hr {
border-top-color:rgb(233, 236, 239) !important;
}</style><div class="container o_mail_wrapper oe_unremovable o_mail_regular"><div class="row"><lt-highlighter class="lt-highlighter--grid-item" style="display: none; z-index: 1 !important;"><lt-div spellcheck="false" class="lt-highlighter__wrapper" style="width: 720px !important; height: 1188.25px !important; transform: none !important; transform-origin: 360px 594.125px !important; zoom: 1 !important; margin-left: 432.5px !important;"><lt-div class="lt-highlighter__scroll-element" style="top: 0px !important; left: 0px !important; width: 720px !important; height: 1187.98px !important;"><canvas class="lt-highlighter__canvas" width="658" height="15" style="display: none; top: 129px !important; left: 14px !important;"></canvas></lt-div></lt-div></lt-highlighter><div class="col o_mail_no_options o_mail_wrapper_td bg-white oe_structure o_editable" spellcheck="false" data-gramm="false">
        <div class="s_header_social o_mail_block_header_social o_mail_snippet_general pb8 pt8" data-snippet="s_mail_block_header_social" data-name="Header Social" style="background-color: rgb(15, 200, 250);">
            <div class="container">
                <div class="row">

                    <div class="o_mail_header_social col-lg-10" style="text-align: right;"><strong><span style="font-size: 16px;"><font class="text-white"><span style="font-size: 18px;">&nbsp;INQUÉRITO DE SATISFAÇÃO</span></font><font class="text-o-color-3">​</font></span><font class="text-white"><span style="font-size: 16px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></font></strong><img src="/web/image/153044-588838f7/stars2.png?access_token=d4565872-de86-4626-9827-a3e084573ea7" class="img img-fluid o_we_custom_image" data-original-id="153044" data-original-src="/web/image/153044-588838f7/stars2.png" data-mimetype="image/png" loading=""><br></div>
                </div>
            </div>
        </div><div class="s_mail_alert o_mail_snippet_general pt16 pb16 mx-auto" data-snippet="s_alert" data-name="Alerta">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="s_alert s_alert_md s_alert_info w-100 border" style="border-color: rgb(241, 252, 254); border-width: 0px !important; background-color: var(--white-50);">
                        <div class="s_alert_icon" valign="top"><i class="fa fa-star fa-2x" style="color: rgb(12 84 96);"></i>
                        </div>
                        <div class="s_alert_content">

                            <p><font style="color: rgb(12 84 96);"><span style="font-size: 18px;"><strong>Qual o seu nível de satisfação?</strong></span></font><br></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<div class="mail-wrapper" lang="und" dir="auto"> <table align="center" class="wrapper" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFFFFF;background-color:#FFFFFF;width:100%"> <tbody> <tr> <td>  <div style="margin:0px auto;max-width:640px"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%"> <tbody> <tr>  <td style="direction:ltr;font-size:0px;padding:0;text-align:center">  <div style="margin:0px auto;max-width:640px"> <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; margin-top: 0.885375px;"> <tbody> <tr style="height: 125.976px;">  <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center">  <div class="mj-column-px-640 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top" width="100%"> <tbody>  <tr style="height: 83.9757px;">  <td align="left" class="sc-bdfBwQ cIKpxU" style="font-size:0px;padding:10px 25px;word-break:break-word"> <table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#000000;font-family:Ubuntu,Helvetica,Arial,sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:none"> <tbody><tr style="height:56px"><td align="center" style="padding:4px;width:41px"><table style="width:100%"><tbody><tr style="height: 55.9896px;"><td align="center" valign="middle" style="border:1px #0445AF solid;border-radius:3px;background-color:rgba(4, 69, 175, 0.1);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;font-size:16px;height:56px;width:100%"><a href="https://81t7lwcq5p3.typeform.com/to/BfRjbg24?typeform-medium=embed-email#tagid=xxxxx&amp;answers-01HT8S742728NPW1XCB8QWDAF4=2" style="display:block;color:#0445AF;text-decoration:none;text-align:center">1</a></td></tr></tbody></table></td><td align="center" style="padding:4px;width:41px"><table style="width:100%"><tbody><tr style="height: 55.9896px;"><td align="center" valign="middle" style="border:1px #0445AF solid;border-radius:3px;background-color:rgba(4, 69, 175, 0.1);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;font-size:16px;height:56px;width:100%"><a href="https://81t7lwcq5p3.typeform.com/to/BfRjbg24?typeform-medium=embed-email#tagid=xxxxx&amp;answers-01HT8S742728NPW1XCB8QWDAF4=3" style="display:block;color:#0445AF;text-decoration:none;text-align:center">2</a></td></tr></tbody></table></td><td align="center" style="padding:4px;width:41px"><table style="width:100%"><tbody><tr style="height: 55.9896px;"><td align="center" valign="middle" style="border:1px #0445AF solid;border-radius:3px;background-color:rgba(4, 69, 175, 0.1);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;font-size:16px;height:56px;width:100%"><a href="https://81t7lwcq5p3.typeform.com/to/BfRjbg24?typeform-medium=embed-email#tagid=xxxxx&amp;answers-01HT8S742728NPW1XCB8QWDAF4=4" style="display:block;color:#0445AF;text-decoration:none;text-align:center">3</a></td></tr></tbody></table></td><td align="center" style="padding:4px;width:41px"><table style="width:100%"><tbody><tr style="height: 55.9896px;"><td align="center" valign="middle" style="border:1px #0445AF solid;border-radius:3px;background-color:rgba(4, 69, 175, 0.1);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;font-size:16px;height:56px;width:100%"><a href="https://81t7lwcq5p3.typeform.com/to/BfRjbg24?typeform-medium=embed-email#tagid=xxxxx&amp;answers-01HT8S742728NPW1XCB8QWDAF4=5" style="display:block;color:#0445AF;text-decoration:none;text-align:center">4</a></td></tr></tbody></table></td><td align="center" style="padding:4px;width:41px"><table style="width:100%"><tbody><tr style="height: 55.9896px;"><td align="center" valign="middle" style="border:1px #0445AF solid;border-radius:3px;background-color:rgba(4, 69, 175, 0.1);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',sans-serif;font-size:16px;height:56px;width:100%"><a href="https://81t7lwcq5p3.typeform.com/to/BfRjbg24?typeform-medium=embed-email#tagid=xxxxx&amp;answers-01HT8S742728NPW1XCB8QWDAF4=1" style="display:block;color:#0445AF;text-decoration:none;text-align:center">5</a></td></tr></tbody></table></td></tr> </tbody></table> </td></tr> </tbody> </table> </div>  </td></tr> </tbody> </table> </div>    </td></tr> </tbody> </table> </div>  </td> </tr> </tbody> </table> <style>#outlook a{padding:0}body{margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}table,td{border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt}img{border:0;height:auto;line-height:100%;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic}p{display:block;margin:13px 0}@media only screen and (min-width:480px){.mj-column-px-640{width:640px !important;max-width:640px}.mj-column-per-100{width:100% !important;max-width:100%}}.moz-text-html .mj-column-px-640{width:640px !important;max-width:640px}.moz-text-html .mj-column-per-100{width:100% !important;max-width:100%}.mj-column-px-640{width:100% !important;max-width:640px}/*!sc*/data-styled.g1tid="sc-global-juhJZJ1"]{content:"sc-global-juhJZJ1,"}/*!sc*/.cIKpxU table{border-spacing:0;border-collapse:separate}/*!sc*/data-styled.g3tid="sc-bdfBwQ"]{content:"cIKpxU,"}/*!sc*/</style><link href="https://font.typeform.com/dist/google/ubuntu/index.css" rel="stylesheet" type="text/css"></div><div class="s_mail_color_blocks_2 o_mail_snippet_general" data-snippet="s_color_blocks_2" data-name="Big Boxes">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 o_cc o_cc3 bg-o-color-4 pt0 pb0"><p style="text-align: center;"><a style="font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 2.5rem; font-weight: bolder; text-align: center; background-color: rgb(255, 255, 255);" href="https://81t7lwcq5p3.typeform.com/to/Wk9GGSDZ#tagid=xxxxx"><img data-resize-width="500" data-mimetype="image/png" data-original-src="/web/image/159116-adbd8c18/webshopB2B_2.png" data-original-id="159116" style="width: 300px;" class="img w-100 img-fluid o_we_custom_image" src="/web/image/159117-aacb94ef/webshopB2B_2.png?access_token=f41ed757-cda4-418f-8e8c-563a20bdd0d9" loading=""></a></p></div>
                    <div class="col-lg-6 o_cc o_cc5 bg-o-color-4 pb0 pt24"><h1 style="text-align: center;"><strong><strong><font class="text-900"><span style="font-size: 18px;">Queremos saber a sua opinião!</span></font></strong></strong></h1><p style="text-align: center;"><span style="font-size: 16px;">A sua experiência como utilizador é muito importante.</span></p><p style="text-align: center;"><img src="/web/image/153045-3b01216d/avaliacao2.png?access_token=648b6627-65b6-4c04-9849-266959aa3109" class="img img-fluid o_we_custom_image" style="width: 330px;" loading="" data-original-id="153045" data-original-src="/web/image/153045-3b01216d/avaliacao2.png" data-mimetype="image/png"></p><div style="text-align: left;"><br></div>
                    </div>
                </div>
            </div>
        </div>


        <div class="s_footer_social o_mail_block_footer_social o_mail_footer_social_center o_mail_snippet_general bg-200 pb0 pt0" data-snippet="s_mail_block_footer_social" data-name="Footer Center">
        <div class="container">
            <div class="row">
                <div class="col-lg o_mail_footer_social pb0" style="text-align: center;">&nbsp;<br></div></div>
        </div>
    </div>

        </div></div></div></div>

 

Thanks!! @mathio you don’t happen to see anything in particular here that would be causing the issue? 

I was unable to replicate the issue using the code provided here. What specific version of Outlook are you using? Are there maybe some settings causing this? I am sorry but I dont have much experience with Outlook.

Reply


Still need help?

Don't be shy and ask the community.

Ask your question here!
Community T&Cs