CODEWITHSUNDEEP
htmliosmobilehtml-email
Alex Kittavong
Alex Kittavong

Reputation: 193

HTML Email in iOS

I am getting a line across a table I made in an html email. It is in the orange area. I'm not really sure what is causing is. There is no images in there. Here is my code for that table.

<table cellpadding="0" cellspacing="0" border="0" width="625" align="center" bgcolor="#FFFFFF">
    <tr>
      <td height="23" bgcolor="#f08122" colspan="3">&nbsp;</td>
    </tr>
    <tr>
    <td width="23" bgcolor="#f08122"></td>
      <td bgcolor="#f08122" valign="middle" style="font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;" align="center"><span style="font-size:30px; line-height:36px; font-weight:bold;"><strong>Improve outcomes and empower patients with health logs</strong></span><br /><br />
        <span style="font-size:27px;">Order now and get <strong>10% more FREE!*</strong></span></td>
        <td width="23" bgcolor="#f08122"></td>
    </tr>
    <tr>
      <td height="23" bgcolor="#f08122" colspan="3">&nbsp;</td>
    </tr>
    <tr>
      <td height="5" colspan="3"></td>
    </tr>
  </table>

Here is the link to the actual email also if you wanted an active view: https://tagwebstore.com/email/tag-email-logbooks.html

Here is a screenshot of the html email from my iPhone.

enter image description here

The lines appear to be above and below the white text. Any ideas? Thanks in advance.

Upvotes: 0

Views: 742

Answers (2)

Clearlyalec
Clearlyalec

Reputation: 11

Also, setting style="display: block;" on the img element consistently helps all images position exactly, in tandem with the above suggestions.

Upvotes: 1

Eric Goncalves
Eric Goncalves

Reputation: 5353

The borders appear when a background color or image is applied to individual table cells.

you can try:

  1. Removing background colors or images from individual table rows and cells, and/or;

  2. Nesting the problem table in a new table, featuring a background color that matches that of the inner table.

source

Upvotes: 1

Related Questions