Há algum tempo a Google fez mudanças na ferramenta de renderização das mensagens com imagens no Gmail e com isso surgiu um problema que afeta e muito o visual das mensagens: margem branca entre as imagens. O mesmo acontece com o Hotmail. Veja abaixo um exemplo:
Problema:
O bom é que para cada problema existe uma solução e para esse problema existe uma simples e rápida. Basta adicionar o atributo display:block do CSS na tag da imagem.
Solução:
Antes:
Depois:
Resultado:
Como fazer na ferramenta @MediaPost:
Se você não conhece HTML e usa a ferramenta de email marketing @MediaPost é simples de fazer. Veja os passos:
No editor da mensagem, clique duas vezes na imagem, irá abrir a janela abaixo:
Marque a caixinha (checkbox) Inserir display: block
e pronto!
Caso tenha dúvidas, entre em contato com nosso departamento de Suporte através do atendimento Online.
Até a próxima!
Vlw pela dica brohters kkkkk salvaram minha pele =/
Obrigado pela dica!
Muito obrigada pela dicaaaaaaaaaa! 😀
Cara, é algo ridiculo mas graças a você postar isso aqui, estamos ganhando tempo pra arrumar esse bug… muito obrigado por compartilhar!
Muito obrigado, ajudou muito! parabéns pelo blog, abs!
Muuuuito obrigado, brother!
Me tirou uma dor de cabeça do caralho!
Sim Igor.
Pode ser feito até sem a tabela, mas o “display: block” é importante pois é inserida a margem em todas as imagens, mesmo que estejam dentro de tabelas.
Se a imagem for dividida em duas, por exemplo, pra fazer um link do lado, é melhor fazer uma tabela dentro da outra, mas ainda com o display:block