Quebra de layout no email marketing IE6 e IE7 – Blog Web Standards » Arquivo
Na verdade isso não resolveu meu problema. Tenho enfrentado esse tipo de problema somente com o Hotmail. Já consultei na internet sobre o assunto e ainda não encontrei a solução. Essa quebra de linha acontece no hotmail tanto aberto no IE qto no Firefox e outros navegadores.
@ed1nh0: Além dá solução de remover os espaços coloque também uma div com a mesma altura que a td.
<td width="300" height="50"><div style="height:50px;">{ aqui o conteúdo }</div></td>
ed1 disse:
"Descobri" o problema! Vou postar aqui pra compartilhar com todos. A solução pra isso na verdade são duas. A primeira é usar alinhamento médio-absoluto em TODAS AS IMAGENS. Ex.: e a segunda é exibi-la (a imagem) como bloco. Ex.:
1ª – <img … align="absmiddle">
2ª – <img … style="display:block;">
E é isso! Eu particularmente prefiro a primeira solução por ser nativa da tag . Mas é gosto pessoal. Ambas fazem uma tabela HTML não sofrer quebra de linha no Hotmail.
Entendido? Abraço!
Usei esta dica:
para o Gmail e funcionou perfeitamente…
Valeu Ed1
Fred Fontes disse:
Verdade, a 1ª solução, usando align="absmiddle" funcionou perfeitamente!
Anãndara disse:
já usei o "display: block" porem no firefox desconfigurou muuiito … alguma dica?
Cara, você vai pro céu!! Estavamos procurando a solução do gmail, muito obrigada 😀 agora posso ir dormir!
Cara, minha imagem é a seguinte:
como ponho este código dentro dela? já tentei diversas vezes e realmente não consigo.
Apenas inclua o atributo na tag da imagem,
<img src="sua-imagem.jpg" align="absmiddle" />
Comigo só deu certo no GMAIL aplicando as 2 dicas simultaneamente. Foi difícil achar essa solução! Num encontrei nada na web de forma clara, somente aqui! Inclusive tem muito e-mail mkt, de empresa grande e conhecida até, que vem com a imagem desconfigurada…rs… Muitíssimo obrigado!