Gmail breaking lines in images with link

Asked

Viewed 19 times

-1

good afternoon!

I’m having a problem developing emails for Gmail. (for similar this ok)

every linked image presents a line break like this:

inserir a descrição da imagem aqui

Does anyone have a clue about why? Remember that in other email readers the composition is ok, without the breaks - just like in the browsers. HTML has no technical error at first - but GMAIL interprets the linked image generating these breaks. Any solutions? VALLLEEEU! : D

follows the HTML:

<table border="0" cellpadding="0" cellspacing="0" width="800">

            <tr>
                <td  colspan="7">
                    <img src="imagem.jpg" border="0">
                </td>
            </tr>

            <tr heigth="77">

                <td width="180" align="left" style="background-color:#000000">
                    <img src="imagem.jpg" border="0">
                </td>

                <td width="102" align="center" style="background-color:#000000">
                    <span style="font-family: Arial, Helvetica, sans-serif; color: #FFFFFF"><strong>DIA 19/08</strong><br><span style="font-size: 11px;">10H ÀS 11H</span></span>                       
                </td>

                <td width="68" style="background-color:#000000"> </td>

                <td width="102" align="center" style="background-color:#000000">
                    <span style="font-family: Arial, Helvetica, sans-serif; color: #FFFFFF"><strong>DIA 26/08</strong><br><span style="font-size: 11px;">10H ÀS 11H</span></span>                       
                </td>

                <td width="70" style="background-color:#000000"> </td>

                <td width="101" align="center" style="background-color:#000000">
                    <span style="font-family: Arial, Helvetica, sans-serif; color: #FFFFFF"><strong>DIA 02/09</strong><br><span style="font-size: 11px;">10H ÀS 11H</span></span>                       
                </td>

                <td width="180" align="right" style="background-color:#000000">
                    <img src="imagem.jpg" border="0">
                </td>

            </tr>


            <tr>
                <td  colspan="7">
                    <a href="link.html" target="_blank"><img src="imagem.jpg" border="0"></a>
                </td>
            </tr>

            <tr>
                <td  colspan="7">
                    <img src="imagem.jpg" border="0">
                </td>
            </tr>

        </table>
html email link gmail

  • Put in each image style with display: block;, thus: style="display: block;".

  • @Sam thanks for the help! tried but not changed anything. I applied still other options like inline-block etc. but nothing. this type of bug is the worst, because it is practically solved on the basis of the riddle - the code is ok - and works in virtually all other places.

No answers

Browser other questions tagged html email link gmail

You are not signed in. Login or sign up in order to post.