Email Marketing other than HTML

Question

Email Marketing other than HTML

Navigation

#1 by (2 votes)

0

I'm trying to email martketing through the WEBMAIL platform - KINGHOST by the hmtl editor

But it comes out very different from what is in html.

below the html code that is working correctly.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Natal InCeres 2015</title>
</head>
<body aling="center" style="background:#ffffff; text-align:center; width:100%;height:100%; margin:0px; padding:0px;">
<center>
    <table cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block;">
        <tr>
            <td>
                <table cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block;">
                    <tr>
                        <td valign="top" style="font-size:10px; color:#494949; text-align:center; font-family: Verdana, Geneva, sans-serif; width:599px; height:50px;">Caso não esteja visualizando corretamente esta mensagem, <a style="color:#8b8b8b;" href="http://www.inceres.com.br/emktnatal2015/email2.html">veja on-line.</a></td>
                    </tr>
                </table>
            </td>
        </tr>
                <table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block; background-color: #780007">
                    <tr><td widht="599" height="25" style="display:block; float: left;"></td></tr>
                    <tr>
                        <td align="center" bgcolor="#780007" style="display:block; float:left; width: 25px; height:200px;"></td>
                        <td width="549" height="200" bgcolor="#780007">
                            <font style="display: block; float:left; width:549px; text-align: center; font-family:'Cookie', cursive; text-decoration:none; font-size:25px; color:#ffffff;">
                                A InCeres AgSystem agradece a todos os amigos, clientes e parceiros por participar conosco de mais essa jornada.<br/>
                                Desejamos a todos um Feliz Natal e que 2015 venha repleto de sonhos, conquistas e sucesso!<br/>
                                E mais uma vez estaremos ao lado de vocês dando o suporte necessário para alavancar ainda mais os seus projetos!
                            </font></td>
                        <td bgcolor="#780007" style="display:block; float:right; width: 25px; height:200px;"></td>
                    </tr>
                    <tr><td widht="599" height="30" style="display:block; float: left;"></td></tr>
                </table>
                <table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block;">
                <tr align="center" width="599px" bgcolor="#780007">
                        <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_01.jpg"alt="Natal" width="599" height="60" style="display: block; float:left;"></td>
                </tr>
                <tr align="center" width="599px" bgcolor="#780007">
                        <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_02.jpg"alt="Natal" width="599" height="53" style="display: block; float:left;"></td>
                </tr>
                <tr align="center" width="599px" bgcolor="#780007">
                        <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_03.jpg"alt="Natal" width="599" height="90" style="display: block; float:left;"></td>
                </tr>
                <tr align="center" width="599px" bgcolor="#780007">
                        <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_04.jpg"alt="Natal" width="599" height="90" style="display: block; float:left;"></td>
                </tr>
        </tr>
    </table>
</center>
</body>
</html>

andhereisthecodeI'mputtinginthekinghosthtmleditor

<!DOCTYPEhtml><htmllang="pt-br">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Natal InCeres 2015</title>
</head>
<body aling="center" style="background:#ffffff; text-align:center; width:100%;height:100%; margin:0px; padding:0px;">
<center>
    <table cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block;">
        <tr>
            <td>
                <table cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block;">
                    <tr>
                        <td valign="top" style="font-size:10px; color:#494949; text-align:center; font-family: Verdana, Geneva, sans-serif; width:599px; height:50px;">Caso não esteja visualizando corretamente esta mensagem, <a style="color:#8b8b8b;" href="http://www.inceres.com.br/emktnatal2015/email2.html">veja on-line.</a></td>
                    </tr>
                </table>
            </td>
        </tr>
        <table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block; background-color: #780007">
            <tr align="center">
                <td width="549" height="200" bgcolor="#780007">
                    <font style="display: block; float:left; width:549px; text-align: center; font-family:'Cookie', cursive; text-decoration:none; font-size:25px; color:#ffffff;">
                        <br/>  A InCeres AgSystem agradece a todos os amigos, clientes e parceiros por participar conosco de mais essa jornada.<br/>
                        Desejamos a todos um Feliz Natal e que 2015 venha repleto de sonhos, conquistas e sucesso!<br/>
                        E mais uma vez estaremos ao lado de vocês dando o suporte necessário para alavancar ainda mais os seus projetos! <br/>
                    </font></td>
            </tr>
        </table>
        <table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block;">
            <tr align="center" width="599px" bgcolor="#780007">
                <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_01.jpg"alt="Natal" width="599" height="60" style="display: block; float:left;"></td>
            </tr>
            <tr align="center" width="599px" bgcolor="#780007">
                <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_02.jpg"alt="Natal" width="599" height="53" style="display: block; float:left;"></td>
            </tr>
            <tr align="center" width="599px" bgcolor="#780007">
                <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_03.jpg"alt="Natal" width="599" height="90" style="display: block; float:left;"></td>
            </tr>
            <tr align="center" width="599px" bgcolor="#780007">
                <td><img src="http://www.inceres.com.br/emktnatal2015/imagens/img_04.jpg"alt="Natal" width="599" height="90" style="display: block; float:left;"></td>
            </tr>
            </tr>
        </table>
</center>
</body>
</html>

I had to make some changes because if I copy the original, it is totally wrong.

What is the reason for this difference?

html email

asked by anonymous 21.12.2015 / 01:14

1 answer

Error ajax return when accent Query in 3 tables and comparisons with sql

score 2 · Accepted Answer

If you are referring to text alignment, the difference is in the second table:

Wrong code:

<table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block; background-color: #780007">
    <tr align="center">
      <td width="549" height="200" bgcolor="#780007">
        <font style="display: block; float:left; width:549px; text-align: center; font-family:'Cookie', cursive; text-decoration:none; font-size:25px; color:#ffffff;">
          <br/>  A InCeres AgSystem agradece a todos os amigos, clientes e parceiros por participar conosco de mais essa jornada.<br/>
          Desejamos a todos um Feliz Natal e que 2015 venha repleto de sonhos, conquistas e sucesso!<br/>
          E mais uma vez estaremos ao lado de vocês dando o suporte necessário para alavancar ainda mais os seus projetos! <br/>
        </font></td>
    </tr>
</table>

Correct code:

 <table align="center" cellspacing="0" cellpadding="0" style="margin: 0px; border-collapse: collapse; width:599px; padding: 0px; border: none; display: block; background-color: #780007">
    <tr><td widht="599" height="25" style="display:block; float: left;"></td></tr>
    <tr>
      <td align="center" bgcolor="#780007" style="display:block; float:left; width: 25px; height:200px;"></td>
      <td width="549" height="200" bgcolor="#780007">
        <font style="display: block; float:left; width:549px; text-align: center; font-family:'Cookie', cursive; text-decoration:none; font-size:25px; color:#ffffff;">
          A InCeres AgSystem agradece a todos os amigos, clientes e parceiros por participar conosco de mais essa jornada.<br/>
          Desejamos a todos um Feliz Natal e que 2015 venha repleto de sonhos, conquistas e sucesso!<br/>
          E mais uma vez estaremos ao lado de vocês dando o suporte necessário para alavancar ainda mais os seus projetos!
        </font></td>
      <td bgcolor="#780007" style="display:block; float:right; width: 25px; height:200px;"></td>
    </tr>
    <tr><td widht="599" height="30" style="display:block; float: left;"></td></tr>
 </table>

As you can see, in the correct code there is 3 tr whereas in incorrect there is only one. And since in each of the tr more, there is a td , that is, a column, that column before the column of the text will move it, causing it to be centered.