Databases
StackOverflow2013
Postsdbo
POEmail Cross browser and cross client bugs
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POEmail Cross browser and cross client bugs
    text
    copied!<p>I'm creating an email template for a client. There are so many small bugs. </p> <p>I can't get the side images to line up without having space between them and the tables width won't match up.</p> <p>Check out the cross client previews here: [removed]</p> <p>and here is my code:</p> <pre><code>&lt;table width="600" bgcolor="000000" style="padding-left: 14xpx;"&gt; &lt;tr&gt; &lt;td align="left" cellspacing="0" cellpadding="0" style="padding: 5px 0 0 0;margin-bottom: 0;"&gt; &lt;ul style="padding:0;"&gt; &lt;li style="list-style: none;"&gt; &lt;span&gt;&lt;a href="#" style="border: none !imporant;"&gt;&lt;img src="http://www.kieshajewel.com/sirio/left-img-01.jpg" alt=" Join Executive Chef Massimo Bebber" style="margin-bottom: -4px !important;"/&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt; &lt;li style="list-style: none;"&gt;&lt;span&gt;&lt;a href="#" style="border: none !imporant;"&gt;&lt;img src="http://www.kieshajewel.com/sirio/left-img-02.jpg" alt=" Join Executive Chef Massimo Bebber" style="margin-bottom: -4px !important;"/&gt;&lt;/a&gt;&lt;/span&gt;&lt;singleline /&gt;&lt;/li&gt; &lt;li style="list-style: none;"&gt;&lt;span&gt;&lt;a href="#" style="border: none !imporant;"&gt;&lt;img src="http://www.kieshajewel.com/sirio/left-img-03.jpg" alt=" Join Executive Chef Massimo Bebber" style="margin-bottom: -4px !important;"/&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/td&gt; &lt;td align="left" cellspacing="0" cellpadding="0" style="padding: 10px 0 0 0; position: relative; left: -5px;"&gt; &lt;span&gt; &lt;a href="http://siriony.com/sample-page/chef-massimo-bebber/" style="border: none !imporant;"&gt; &lt;img src="http://www.kieshajewel.com/sirio/chef-massimo-bebber.jpg" alt-"Sirio Chef" /&gt;&lt;/a&gt; &lt;/span&gt; &lt;/td&gt; &lt;td align="left"&gt; &lt;img src="http://www.kieshajewel.com/sirio/sirio-thumbnails.png" alt="Sirio Ristorante" /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;table width="605" bgcolor="000000" style="margin-top: -20px;"&gt; &lt;tr&gt; &lt;td align="left"&gt;&lt;img src="http://www.kieshajewel.com/sirio/lines.gif" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;table width="606" bgcolor="000000" style=""&gt; &lt;tr&gt; &lt;td align="left"&gt; &lt;img src="http://www.kieshajewel.com/sirio/footer-01.gif" alt="Reserve Now" /&gt; &lt;img src="http://www.kieshajewel.com/sirio/footer-02.gif" alt="Reserve Now" /&gt; &lt;img src="http://www.kieshajewel.com/sirio/footer-03.gif" alt="Reserve Now" /&gt; &lt;img src="http://www.kieshajewel.com/sirio/footer-04.gif" alt="Reserve Now" /&gt; &lt;img src="http://www.kieshajewel.com/sirio/footer-05.gif" alt="Reserve Now" /&gt; &lt;img src="http://www.kieshajewel.com/sirio/footer-06.gif" alt="Reserve Now" /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre>
 

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