Skip to main content
Participant
May 30, 2018
Answered

Gmail HTML email, neon blue behind a linked image

  • May 30, 2018
  • 1 reply
  • 720 views

Hi

Im hoping someone can help me with this, I have tried everything I know and read all the articles I could find on the net. Nothing has worked 😞

Basically, there is what seems to be a neon blue background colour showing up ONLY in Gmail in the <td> containing the header image in my email. A screenshot is attached (Blue-line-image.PNG).

The table code is below:

<table border="0" cellspacing="0" class="body-wrap" bgcolor="#FFFFFF" style="max-width: 600px">

  <tbody>

    <tr>

      <td align="center" class="container" bgcolor="=FFFFFF" style="padding: 0px; margin: 0px; line-height:10px; font-size:6px">

    <div class="container1"><a href="http://www.rolla.com" style="text-decoration: none; border: none"><img src="https://rolla.igamingcloud.com/Images/Emails/MailSystem/Upload/rolla_system_header.gif" align=“absbottom”  width="100%" style="display:block; max-height: 172px; max-width: 600px; border:none; padding: 0px; margin 0px" border="0" alt="Rolla Casino Logo"/></a></div>

        </td></tr></tbody></table>

AS you can see I have specified background colour of white in the table and td.  I have added style attributes to the border (and other tips I found on the net) to the href and img tags. None of these has worked 😞

The classes "container" and "container1" both contain:

border-width:0 none;

    background: #ffffff;

    text-decoration: none;

    text-decoration-color: #ffffff;

Even when I unlinked the header image and sent another test, the blue was there! Please see screenshot "Blue-line-text.PNG"

Please help!

Thanks

Michael

This topic has been closed for replies.
Correct answer osgood_

Add : after margin  on your image tag css styling.

Plus you  have asigned =ffffff as the bg color of the td when it should be #ffffff although l think the cause of the issue is a breakdown of the css applied to the image tag as a result of a malformed margin attribute declaration.

Plus you have forgotten to add cellpadding="0"  to the main table tag.

Fix the  issues above and see if the problem resolves itself

1 reply

osgood_Correct answer
Legend
May 30, 2018

Add : after margin  on your image tag css styling.

Plus you  have asigned =ffffff as the bg color of the td when it should be #ffffff although l think the cause of the issue is a breakdown of the css applied to the image tag as a result of a malformed margin attribute declaration.

Plus you have forgotten to add cellpadding="0"  to the main table tag.

Fix the  issues above and see if the problem resolves itself

Participant
May 30, 2018

Osgood you are brilliant. I think I had looked at it so much that I didnt see those small things anymore :-)

Thanks for your help! Have a great day

Legend
May 30, 2018

No worries l make coding errors all the time and it messes my head up but you learn a lot from your errors. Dont panic, get your head together and you'll become more adapt at problem solving.