Create a Discussion

White Line Break in Gmail Android App

Munwai Cheaw posted 2016-08-08 06:08:01

Hi,

I have white thin line break issue as below. Two cta links with graphical background.

My code as below:

<table cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;" border="0">
              <tr>
                <td><img src="images/content08.jpg" alt="" style="display: block; border: 0;" width="30" height="50" /></td>
                <td><a href="https://itunes.apple.com/my/app/citibank-my/id381059293?mt=8" target="_blank"><img src="images/content09.jpg" alt="" style="display: block; border: 0;" width="146" height="50" /></a></td>
                <td><a href="https://play.google.com/store/apps/details?id=com.citibank.CitibankMY" target="_blank"><img src="images/content10.jpg" alt="" style="display: block; border: 0;" width="150" height="50" /></a></td>
                <td><img src="images/content11.jpg" alt="" style="display: block; border: 0;" width="274" height="50" /></td>
              </tr>
            </table>

Please advise.
thanks

M Shameer replied 2016-08-08 06:08:01

Hi Mun,

Gmail resizes images by itself.

If I had to code the block i would do:

One column with the whole image as a background (minus the cta), CSS to make background width 100% and height auto.
Add a table with two row to add in the CTA (Second column of the table will contain the cta)

The CTA will require a minimum width so it resizes with the screen when it goes to gmail app.

Cheers

Reply to M Shameer

The Litmus Community is the place for email designers and marketers to learn, grow, and educate each other about everything email.

White Line Break in Gmail Android App

Sign in to Community

Join the Litmus Community

Sign up to Community

Get more out of your Litmus account

Forgot password