Newsletter Gmail

[Dodo15 0]

Boa tarde

Eu estava fazendo minha newsletter, quando terminei ela deu um problema no gmail e no hotmail, sempre tentava refazer, mas sempre com o mesmo problema...

No hotmail quando eu envio a mensagem fica com uns caracteres que não coloqei em cima de algumas partes ("áááááááááááááá")

E no gmail as imagens ficam sempre muito separadas, e ja dei o display:block; e sempre da o mesmo erro

 

Alguem sabe como posso arumar isso?

[Giovani 104]

Trabalhar com newsletter é tabela e css inline na veia, sabes disso né?

[Dodo15 0]

Sim, sei que é apenas com tabelas a newsletter, mas não tenho certeza do estilo tem que aplicar na imagem ou table ou td ou tr...

Eu apliquei o display block em todas as imgs, na tabela coloquei display:inline-table; coloquei um align="center" e alguns ajustes de background color padding...

 

Mas deu erro..

você sabe algum tutorial (sem ser do mxmasters), alguma dica que possa dar ou até um exemplo de newsletter pra me dar uma ajudinha?

 

Vlw

[Giovani 104]

Não sei se ajuda, mas pesquisando no google os dois primeiros resultados foram esses: http://www.campaignmonitor.com/templates/ http://www.hongkiat.com/blog/excellent-free-html-newsletter-templates-best-of/ ajuda?

[Dodo15 0]

Vou tentar, um dos sites já tinha visto mas não me ajudou muito :/

Mas vou baixar os exemplos do site que você me mandou e ver se da em alguma coisa

Obrigado

[MagooPV 1]

Cara isso aconteceu comigo essa semana e realmente nao sei o que fazer

 

Quando dei uma olhada no código pelo firebug diretamente no gmail e no hotmail ele criou uma tag

 

<span>A</span>

 

Teria como resolver isso tentei de tudo e nada adiantou

[_Leandro_ 0]

Posta o seu código pra gente ver....

 

Att

[MagooPV 1]

O código é esse parceiro

 

<table width="720px" cellpadding="0" cellspacing="0" border="0" align="center">

<tr>
<td><a href="#" title="" target="_blank"><img src="#" alt="Logo" width="720" height="96" border="0" style="display:block;" /></a></td>
</tr>

<tr>
<td><a href="#" target="_blank" title="Charles Baudelaire"><img src="#" alt="Logo" width="720" height="240" border="0" style="display:block;" /></a></td>
</tr>

<tr>
<td><img src="#" alt="Dizem os supersticiosos: "agosto, mês do desgosto". Na news desse mês tão " width="720" height="250" border="0" style="display:block;" /></td>
</tr>


<tr>
<td><a href="#" title="Confira" target="_blank"><img src="#" alt="Comprando apenas o conteúdo | O In.gredients é um supermercado ultra inovador." width="720" height="325" border="0" style="display:block;" /></a></td>
</tr>

<tr>
<td><a href="#" title="Confira" target="_blank"><img src="#" alt="Árvores do futuro e para o futuro | Um " width="720" height="324" border="0" style="display:block;" /></a></td>
</tr>

<tr>
<td><a href="#" title="Confira" target="_blank"><img src="#" alt="Upcycling é muito bom!  | A australiana UBeauty é uma empresa que vende potes para " width="720" height="380" border="0" style="display:block;" /></a></td>
</tr>

<tr>
<td><img src="#" alt="É justo, é muito justo, é jsutíssimo " width="720" height="337" border="0" style="display:block;" /></td>
</tr>

<tr>
<td><img src="#" alt="Visões para um mundo melhor" width="720" height="333" border="0" style="display:block;" /></td>
</tr>

<tr>
<td><img src="#" alt="" width="720" height="410" border="0" style="display:block;" /></td>
</tr>

 <td><a href="#" title="" target="_blank"><img src="#" alt="Animus OS" width="720" height="149" border="0" style="display:block;" /></a></a></td>
</tr>

</table>

[William Bruno 1501]

Algumas coisas que aprendi:

 

-> coloque valign em todas as TDs (preferencialmente top)

-> declare width e height para todas as TDs

-> Não use a tag <a>, para emm use imagem mapeada <map>

[MagooPV 1]

Vlw willian vou tentar desse modo depois e coloco o resultado aqui mano