2

Galera montei um e-mail usando html e css. O e-mail chega perfeito em vários e-mail, porem no G-mail o e-mail chega sem o css, ou seja apenas o html.

Alguém sabe como resolver o problema?

Segue o meu código do e-mail:

$email->Body = "
<html>
<head>
    <style type='text/css'>
        body {
            background-color: #F1F4F9;
        }
        table {
            width: 600px;
            border-collapse: collapse;
            margin-left:auto; 
            margin-right:auto;
        }
        .topo {
            text-align:center;
            background-color: #1E90FF;
            height: 200px;
        }
        .meio {
            padding: 20px;
            background-color: #ffffff;
            height: 300px;
            vertical-align: text-top;
        }
        .fim {
            text-align:center;
            font-weight: bold;
            background-color: #1E90FF;
            height: 50px;
            color: #ffffff;
        }
        .fim a{
            color: #ffffff;
        }
        .titulo {
            text-align:center;
            font-size: 25px;
            font-weight: bold;
        }
    </style>
</head>

<body>

    <table>
        <tr>
            <td class='topo'>
                MEU LOG AQUI
            </td>
        </tr>
        <tr>
            <td class='meio'>
                <p class='titulo'>TITULO</p>
                TEXTO DO E-MAIL  
            </td>
        </tr>
        <tr>
            <td class='fim'>
                Estamos a disposição
            </td>
        </tr>
    </table>

</body>
</html>
";

Estou fazendo algo errado?

1 Resposta 1

2

Além da tag CSS, você terá que colocar os estilos também inline para que funcione no Gmail.

Algumas ferramentas podem auxiliar na conversão:

Veja também esse guia para saber o que pode e não pode usar em cada cliente de e-mail.

3
  • perfeito amigo, funcionou 100%. Me tira mais uma dúvida, estou tentando enviar um logo em svg, e não esta funcionando no g-mail. Qual a forma correta? 23/02/2016 às 13:57
  • @HugoBorges eu nunca incluí SVG no template enviado. Faça o seguinte, abra uma nova pergunta com essa questão, eu realmente não sei responder porque nunca tentei. 23/02/2016 às 14:01
  • a resolvi trocar por png. Vlw a ajuda por tudo :) 23/02/2016 às 14:25

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .