Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Belchior Eleiel

Emkt com problema no Gmail

Por , em Desenvolvimento frontend

Recommended Posts

Belchior Eleiel    0

Belchior Eleiel
Postado

Pessoal,

 

Estou com problemas para enviar um emkt para o gmail. Ele desconfigura todo o meu layout. Ele está criando espaços entre as imagens e as tabelas ficam com alturas diferentes das que eu coloco. Já coloquei os display:block mas não funcionou.

 

http://ftp2.fnq.org.br/news_01/news_template_2014/newsletter-2014-old.html

 

Segue meu código

 

<html>
<head>
<title>newsletter-2014</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#ebebeb" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">


<table bgcolor="#ebebeb" width="100%">
<tr>
<td>


<table align="center" id="Tabela_01" width="601" height="1561" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13" rowspan="2">
<img src="imagens/newsletter-2014_01.jpg" style="display: block;" border="0" width="411" height="115" alt=""></td>
<td colspan="2">
<img src="imagens/newsletter-2014_02.jpg" style="display: block;" border="0" width="47" height="57" alt=""></td>
<td>
<img src="imagens/newsletter-2014_03.jpg" style="display: block;" border="0" width="48" height="57" alt=""></td>
<td>
<img src="imagens/newsletter-2014_04.jpg" style="display: block;" border="0" width="48" height="57" alt=""></td>
<td colspan="2">
<img src="imagens/newsletter-2014_05.jpg" style="display: block;" border="0" width="46" height="57" alt=""></td>
            <td style="line-height: 0; font-size: 0;" height="57"> </td>
</tr>
<tr>
<td width="189" height="58" colspan="6" bgcolor="#FFFFFF">
<p align="center" style="font-family:arial, sans-serif; font-size: 16px; color:#0e4472; font-weight:bold;">03 de junho de 2014</p></td>
 <td style="line-height: 0; font-size: 0;" height="58"> </td>
</tr>
<tr>
<td width="399" height="11" colspan="11">
<img src="imagens/spacer.gif" width="399" height="11" alt=""></td>
<td width="11" height="960" rowspan="34">
<img src="imagens/spacer.gif" width="11" height="960" alt=""></td>
<td width="190" height="11" colspan="7">
<img src="imagens/spacer.gif" width="190" height="11" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td colspan="11">
<img src="imagens/newsletter-2014_10.jpg" style="display: block;" border="0" width="399" height="199" alt=""></td>
<td border="0" colspan="7">
<img src="imagens/newsletter-2014_11.jpg" style="display: block;" border="0" width="190" height="199" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="199" alt=""></td>
</tr>
<tr>
<td width="399" height="76" colspan="11" rowspan="4" bgcolor="#FFFFFF">
<p style="text-align:center; font-family:arial, sans-serif; font-size: 22px; color:#0e4472; font-weight:bold;">Últimos dias para se candidatar à Banca Avaliadora do PNQ 2014</p></td>
<td width="190" height="1" colspan="7">
<img src="imagens/spacer.gif" width="190" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td align="top" border="0" colspan="7">
<img src="imagens/newsletter-2014_14.jpg" style="display: block;" border="0" width="190" height="40" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td width="190" height="1" colspan="7">
<img src="imagens/spacer.gif" width="190" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td align="top" border="0" colspan="7" rowspan="2">
<img src="imagens/newsletter-2014_16.jpg" style="display: block;" border="0" width="190" height="40" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td width="399" height="113" colspan="11" rowspan="4" bgcolor="#FFFFFF">
<p style="text-align:center; font-family:arial, sans-serif; font-size: 16px; color:#161616; font-weight:regular;">Seja um avaliador do principal reconhecimento à gestão brasileira. Vivencie a aplicação do  MEG em diferentes organizações. Saiba quais são os requisitos para a seleção e participe!</p></td>
<td>
<img src="imagens/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="7">
</td>
<td>
<img src="imagens/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td align="bottom" border="0" colspan="7">
<img src="imagens/newsletter-2014_19.jpg" style="display: block;" border="0" width="190" height="88" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="88" alt=""></td>
</tr>
<tr>
<td width="190" height="85" colspan="7" rowspan="5" bgcolor="#FFFFFF">


<p style="text-align:center; font-family:arial, sans-serif; font-size: 14px; color:#161616; font-weight:regular;">Vote nas nossas enquetes. Sua opinião é muito importante para a FNQ.</p></td>
<td>
<img src="imagens/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td width="140" height="34" colspan="3" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="140" height="34" alt=""></td>
<td align="center" width="120" height="34" colspan="5" bgcolor="#0E4472">
<p><a href="http://www.fnq.org.br/avalie-se/pnq/banca-avaliadora?utm_source=newsletter&utm_medium=email&utm_campaign=news_0306" style="font-family:arial, sans-serif; font-size: 16px; color:#ffffff; text-align:center; font-weight:bold;">PARTICIPE ></a></p></td>
<td width="139" height="34" colspan="3" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="139" height="34" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td width="399" height="20" colspan="11" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="399" height="20" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td width="399" height="10" colspan="11">
<img src="imagens/spacer.gif" width="399" height="10" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td width="399" height="75" colspan="11" rowspan="4" bgcolor="#FFFFFF">
<p style=" text-align:center;font-family:arial, sans-serif; font-size: 18px; color:#0e4472; font-weight:bold;">Como o encadeamento produtivo atua na competitividade das organizações</p></td>
<td>
<img src="imagens/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td width="31" height="34" colspan="2" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="31" height="34" alt=""></td>
<td align="center" width="128" height="34" colspan="4" bgcolor="#0E4472">
<p><a href="http://www.fnq.org.br/avalie-se/pnq/banca-avaliadora?utm_source=newsletter&utm_medium=email&utm_campaign=news_0306" style="font-family:arial, sans-serif; font-size: 16px; color:#ffffff; text-align:center; font-weight:bold;">VOTE ></a></p></td>
<td width="31" height="34" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="31" height="34" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td width="190" height="19" colspan="7" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="190" height="19" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td width="190" height="10" colspan="7">
<img src="imagens/spacer.gif" width="190" height="10" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td width="399" height="68" colspan="11" bgcolor="#FFFFFF">
<p style="text-align:center; font-family:arial, sans-serif; font-size: 14px; color:#161616; font-weight:regular;">Assista ao próximo <em>webcast</em> da FNQ, que traz o Sebrae para abordar o tema Encadeamento Produtivo. Transmissão ao vivo e gratuita, dia 10/6, às 10h.</p></td>
<td align="bottom" border="0" colspan="7" rowspan="2">
<img src="imagens/newsletter-2014_33.jpg" style="display: block;" border="0" width="190" height="85" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="68" alt=""></td>
</tr>
<tr>
<td width="135" height="34" colspan="2" rowspan="2" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="135" height="34" alt=""></td>
<td align="center" width="130" height="34" colspan="7" rowspan="2" bgcolor="#0E4472">
<p><a href="http://www.fnq.org.br/avalie-se/pnq/banca-avaliadora?utm_source=newsletter&utm_medium=email&utm_campaign=news_0306" style="font-family:arial, sans-serif; font-size: 16px; color:#ffffff; text-align:center; font-weight:bold;">ASSISTA ></a></p></td>
<td width="134" height="34" colspan="2" rowspan="2" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="134" height="34" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td width="190" height="113" colspan="7" rowspan="4" bgcolor="#FFFFFF">
<p style="text-align:center; font-family:arial, sans-serif; font-size: 14px; color:#161616; font-weight:regular;">Esclareça sua dúvidas, responda, avalie outras respostas e colabore para a geração  de conhecimento.</p></td>
<td>
<img src="imagens/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td width="399" height="20" colspan="11" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="399" height="20" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td width="399" height="10" colspan="11">
<img src="imagens/spacer.gif" width="399" height="10" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td width="195" height="111" colspan="5" rowspan="3" bgcolor="#FFFFFF">
<p style="text-align:center; font-family:arial, sans-serif; font-size: 18px; color:#0e4472; font-weight:bold;">Aperfeiçoe seus conhecimentos em gestão organizacional</p></td>
<td width="9" height="290" rowspan="12">
<img src="imagens/spacer.gif" width="9" height="290" alt=""></td>
<td width="195" height="111" colspan="5" rowspan="3" bgcolor="#FFFFFF">
<p style=" text-align:center; font-family:arial, sans-serif; font-size: 18px; color:#0e4472; font-weight:bold;">Mobilidade urbana é uma das preocupações da Fiat Chrysler</p></td>
<td>
<img src="imagens/spacer.gif" width="1" height="66" alt=""></td>
</tr>
<tr>
<td width="31" height="34" colspan="2" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="31" height="34" alt=""></td>
<td align="center" width="128" height="34" colspan="4" bgcolor="#0E4472">
<p><a href="http://www.fnq.org.br/avalie-se/pnq/banca-avaliadora?utm_source=newsletter&utm_medium=email&utm_campaign=news_0306" style="font-family:arial, sans-serif; font-size: 16px; color:#ffffff; text-align:center; font-weight:bold;">RESPONDA ></a></p></td>
<td width="31" height="34" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="31" height="34" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td width="190" height="20" colspan="7" rowspan="2" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="190" height="20" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td width="195" height="126" colspan="5" rowspan="5" bgcolor="#FFFFFF">
<p style="text-align:center; font-family:arial, sans-serif; font-size: 14px; color:#161616; font-weight:regular;">Confira a agenda de cursos da FNQ para o mês de junho e evolua a gestão da sua organização. </p></td>
<td width="195" height="124" colspan="5" rowspan="4" bgcolor="#FFFFFF">
<p style="text-align:center; font-family:arial, sans-serif; font-size: 14px; color:#161616; font-weight:regular;">Em entrevista, o diretor de planejamento estratégico e inovação da empresa fala dos desafios da Fiat Chrysler para o futuro.</p></td>
<td>
<img src="imagens/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td width="190" height="10" colspan="7">
<img src="imagens/spacer.gif" width="190" height="10" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td align="bottom" border="0" colspan="7">
<img src="imagens/newsletter-2014_50.jpg" style="display: block;" border="0" width="190" height="90" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="90" alt=""></td>
</tr>
<tr>
<td width="190" height="55" colspan="7" rowspan="5" bgcolor="#B8B8B8">
<p style="font-family:arial, sans-serif; font-size: 18px; TEXT-ALIGN:center; color:#000000; font-weight:bold;">Consciência nos negócios</p></td>
<td>
<img src="imagens/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td width="29" height="34" rowspan="2" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="29" height="34" alt=""></td>
<td align="center" width="138" height="34" colspan="3" rowspan="2" bgcolor="#0E4472">
<p><a href="http://www.fnq.org.br/avalie-se/pnq/banca-avaliadora?utm_source=newsletter&utm_medium=email&utm_campaign=news_0306" style="font-family:arial, sans-serif; font-size: 16px; color:#ffffff; text-align:center; font-weight:bold;">LEIA MAIS ></a></p></td>
<td width="28" height="34" rowspan="2" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="28" height="34" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td width="29" height="34" rowspan="2" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="29" height="34" alt=""></td>
<td align="center" width="138" height="34" colspan="3" rowspan="2" bgcolor="#0E4472">
<p><a href="http://www.fnq.org.br/avalie-se/pnq/banca-avaliadora?utm_source=newsletter&utm_medium=email&utm_campaign=news_0306" style="font-family:arial, sans-serif; font-size: 16px; color:#ffffff; text-align:center; font-weight:bold;">INSCREVA-SE ></a></p></td>
<td width="28" height="34" rowspan="2" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="28" height="34" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="32" alt=""></td>
</tr>
<tr>
<td width="195" height="21" colspan="5" rowspan="3" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="195" height="21" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td width="195" height="19" colspan="5" rowspan="2" bgcolor="#FFFFFF">
<img src="imagens/spacer.gif" width="195" height="19" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td align="top" border="0" colspan="7" rowspan="2">
<img src="imagens/newsletter-2014_60.jpg" style="display: block;" border="0" width="190" height="39" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td width="410" height="34" colspan="12" rowspan="2">
<img src="imagens/spacer.gif" width="410" height="34" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td width="190" height="10" colspan="7">
<img src="imagens/spacer.gif" width="190" height="10" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="19">
<img src="imagens/newsletter-2014_63.jpg" style="display: block;" border="0" width="600" height="44" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="44" alt=""></td>
</tr>
<tr>
<td colspan="19">
<img src="imagens/newsletter-2014_64.png" style="display: block;" border="0" width="600" height="342" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="342" alt=""></td>
</tr>
<tr>
<td width="600" height="18" colspan="19">
<img src="imagens/spacer.gif" width="600" height="18" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="19">
<img src="imagens/newsletter-2014_66.jpg" width="600" height="47" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="47" alt=""></td>
</tr>
<tr>
<td>
<img src="imagens/spacer.gif" width="29" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="106" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="27" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="29" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="27" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="5" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="106" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="48" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="48" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="15" height="1" alt=""></td>
<td>
<img src="imagens/spacer.gif" width="31" height="1" alt=""></td>
<td></td>
</tr>
</table>
</td></tr></table>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Além disso, coloque altura e largura nas TDs.

Exemplo:

 

<td colspan="13" rowspan="2" width="411" height="115">
<img src="imagens/newsletter-2014_01.jpg" style="display: block;" border="0" width="411" height="115" alt=""></td>
e em hipótese nenhuma faça rowspan. Isso quebra em diversos clients de email.

http://wbruno.com.br/html/como-recortar-email-marketing/

 

Link da ferramenta que gera essas coisas e mais algumas das que falei no post:

https://github.com/wbruno/gerador-emmkt

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito