Databases
StackOverflow2013
Postsdbo
POTable's border-right doesn't show in email template when viewed in Outlook
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POTable's border-right doesn't show in email template when viewed in Outlook
    text
    copied!<p>I have gone through a lot of threads, but I couldn't find something helpful. If that's a duplicate please point me to the relevant thread.</p> <p>We have created a custom RSS feed for one of our websites in order to achieve the design we wanted for the template. I have managed to make it look good almost everywhere expect Outlook, which is a pain!</p> <p>The main problem I'm facing is that I cannot show the right border in one of my boxes. Please refer to the attached screenshot. <img src="https://i.stack.imgur.com/iasg2.png" alt="enter image description here"></p> <p>Here's my HTML. I have also tried by using percentages for the widths, but didn't work either.</p> <pre><code>&lt;table width="525" height="250" border="0" cellpadding="0" cellspacing="0" bgcolor="#fafafa" class="main-content" style="border:1px solid #ccc;"&gt; &lt;tr&gt; &lt;td width="50"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;td width="284" align="left" valign="middle"&gt;&lt;img src="'.site_url().'/wp-content/uploads/'.$image.'" width="274" height="196" mc:edit="Box_image_2" mc:allowdesigner alt="" /&gt;&lt;/td&gt; &lt;td width="20"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;td width="280" valign="top" &gt; &lt;table width="220" border="0" cellpadding="0" cellspacing="0"&gt; &lt;tr&gt; &lt;td height="15"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="left" class="body-text-bold" style="font-size:16px;font-weight:bold;" mc:edit="body_bold_text" mc:allowdesigner="mc:allowdesigner" &gt;&lt;strong&gt;'.$deal['post_title'].'&lt;/strong&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="16"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;!-- Red Box Start --&gt; &lt;div class="red-box" style="background:#e9e9e9;border:1px solid #ccc;"&gt; &lt;table border="0" align="center" cellpadding="0" cellspacing="0"&gt; &lt;tr&gt; &lt;td height="5"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="7"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;td width="120" class="white-box" style="background:#ffffff;border:1px solid #ccc;"&gt; &lt;table cellpadding="0" cellspacing="0" border="0"&gt; &lt;tr&gt; &lt;td height="5"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="30"&gt;&lt;/td&gt; &lt;td align="left" class="red-box-text" style="font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;" mc:edit="top_box_price_1" mc:allowdesigner="mc:allowdesigner"&gt;Τιμή&lt;/td&gt; &lt;td width="30"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="5"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="25"&gt;&lt;/td&gt; &lt;td align="center" class="red-box-text" style="font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;" mc:edit="top_box_price_2" mc:allowdesigner="mc:allowdesigner"&gt;'.$price.'&amp;#8364;&lt;/td&gt; &lt;td width="20"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="5"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;td width="5"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;td width="120" class="white-box" style="background:#ffffff;border:1px solid #ccc;"&gt; &lt;table cellpadding="0" cellspacing="0" border="0"&gt; &lt;tr&gt; &lt;td height="10"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="25"&gt;&lt;/td&gt; &lt;td align="left" class="red-box-text" style="font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;" mc:edit="top_box_discount_1" mc:allowdesigner="mc:allowdesigner"&gt;Έκπτωση&lt;/td&gt; &lt;td width="30"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="5"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="35"&gt;&lt;/td&gt; &lt;td align="center" class="red-box-text" style="font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;" mc:edit="top_box_discount_2" mc:allowdesigner="mc:allowdesigner"&gt;'.$discount.'&lt;/td&gt; &lt;td width="5"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="15"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;td width="5"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="5"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="12"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="left" class="body-text-bold" mc:edit="body_bold_text" mc:allowdesigner="mc:allowdesigner" &gt;&lt;!--REMOVED BY DUSTIN '.$deal['post_content'].'--&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="0"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="center" mc:edit="top_box_image" mc:allowdesigner="mc:allowdesigner" width="120px" style="background-color:#ac0003; color:#ffffff; border:1px solid #660b0e;cursor: pointer; display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:5px; padding-bottom:5px; text-decoration:none; "&gt;&lt;a style="color:#ffffff; text-decoration:none;" href="'.$deal['guid'].'" class=""&gt;Δες το Deal&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;td width="0"&gt;&lt;!-- --&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre> <p>In case this helps: I send the email through MailChimp using FEED tag.</p> <p>Thanks in advance for any help!</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload