Highlighted

Gmail HTML email, neon blue behind a linked image

New Here ,
May 30, 2018

Copy link to clipboard

Copied

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

MichaBlue-line-image.PNGBlue-line-text.PNGel

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

TOPICS
Create menus in Dreamweaver, Dreamweaver FTP, Learn Dreamweaver

Views

463

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Gmail HTML email, neon blue behind a linked image

New Here ,
May 30, 2018

Copy link to clipboard

Copied

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

MichaBlue-line-image.PNGBlue-line-text.PNGel

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

TOPICS
Create menus in Dreamweaver, Dreamweaver FTP, Learn Dreamweaver

Views

464

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
May 30, 2018 0
LEGEND ,
May 30, 2018

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 30, 2018 0
New Here ,
May 30, 2018

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 30, 2018 0
osgood_ LATEST
LEGEND ,
May 30, 2018

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
May 30, 2018 1