Ir para conteúdo

POWERED BY:

Arquivado

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

Guilherme Rodrigues

E-mail em Html dá problema

Por , em Desenvolvimento frontend

Recommended Posts

Guilherme Rodrigues    0

Guilherme Rodrigues
Postado

Olá Pessoal

 

Montei um e-mail marketing pra enviar por e-mail. Mas agora percebi q ele dá um problema quando envia para gmail e hotmail, desconfigura tudo.

 

No outllook, Correto

Imagem Postada

 

No Gmail

Imagem Postada

 

No Hotmail

Imagem Postada

 

 

Taí o código

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	background-color: #FFFFFF;
}
.style2 {
	font-size: medium;
	font-family: "Times New Roman", Times, serif;
	color: #005531;
}
.style6 {
	color: #005531;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 300%;
}
.style8 {
	font-size: large;
	font-style: italic;
	font-weight: bold;
}
.style12 {
	font-size: large;
	color: #005531;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
}
.style14 {
	font-size: xx-large;
	font-weight: bold;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	color: #005531;
}
.style17 {font-size: medium}
-->
</style></head>

<body>
<table border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#005531">
  <tr>
	<th scope="col"><table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
	  <tr>
		<th width="7" bgcolor="#FFFF00" scope="col"> </th>
		<th width="144" bgcolor="#FFFF00" scope="col"><a href="http://www.rotaaventuras.com.br"><img src="http://img.photobucket.com/albums/v691/eogui/rota_logo.jpg" width="140" height="137" border="0" /></a></th>
		<th width="376" bgcolor="#FFFF00" scope="col"><span class="style6">CANDELÁRIA TEM AVENTURA </span></th>
		<th width="9" bgcolor="#FFFF00" scope="col"> </th>
	  </tr>
	</table>
	  <table width="550" border="0" cellpadding="0" cellspacing="0" bgcolor="#AADC7D">
		<tr>
		  <th scope="col"><u><span class="style14">RAFTING NOTURNO </span></u></th>
		</tr>
	  </table>
	  <table width="550" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#AADC7D">
		<tr>
		  <td width="6" height="2" rowspan="2" bordercolor="#AADC7D" bgcolor="AADC7D"> </td>
		  <td width="253" rowspan="2" bgcolor="AADC7D"><p align="justify" class="style2">O Rafting começa na Base Operacional Ponte do Império, onde fornecemos todo   equipamento e as orientações iniciais sobre a atividade. Este Rafting que   contempla remansos com corredeiras de nível I e II, é considerado ideal para   iniciantes e para aqueles que buscam um contato direto com a natureza.<br />
			Na   corredeira do “Gole” é realizado o “Tobo Água”, onde o participante desce a   corredeira apenas como seu equipamento individual (capacete + colete) e sempre   acompanhado pelos Guias.<br />
			Este Rafting que é realizado preferencialmente nas   noites de lua cheia, proporciona uma sensação de expectativa muito grande, uma   experiência no mínimo diferente.<br />
			Para melhor visualização dos participantes,   são colocados nos capacetes, sinalizadores, que são visíveis até 1 metro de   profundidade oferecendo uma segurança a mais a quem participa desta   aventura.<br />
			<br />
			</p>		  </td>
		  <td width="6" rowspan="2" bordercolor="#AADC7D" bgcolor="AADC7D"> </td>
		  <td width="274" height="207" bordercolor="#AADC7D" bgcolor="AADC7D"><div align="center"><img src="http://img.photobucket.com/albums/v691/eogui/rafting_noturno.jpg" width="293" height="190" /></div></td>
		</tr>
		<tr>
		  <td height="1" bordercolor="#AADC7D" bgcolor="#AADC7D"><table border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<th width="9" height="9" scope="col"><img src="http://img.photobucket.com/albums/v691/eogui/te.gif" width="9" height="19" /></th>
				<th width="227" height="9" bgcolor="#FFFFFF" scope="col"> </th>
				<th width="9" height="9" scope="col"><img src="http://img.photobucket.com/albums/v691/eogui/td.gif" width="9" height="19" /></th>
			  </tr>
			  <tr>
				<td height="146" bgcolor="#FFFFFF"> </td>
				<td bgcolor="#FFFFFF"><div align="left" class="style2"><span class="style8"><u>Ponto de Encontro:</u></span><span class="style17"> Base Operacional Ponte do Império</span><span class="style8"><u><br />
  Início:</u></span><span class="style17"> a combinar</span><span class="style8"><u><br />
  Inclui:</u></span>Base Operacional de Apoio; Rafting – 10 km / duração de 2 horas / nível I e II;   Equipamentos para Rafting: bote especial, coletes, capacetes e remo; Cd com   fotos da Atividade; Transporte interno para o Rafting; Veículo a <br />
				  <span class="style8"><u>O que levar:</u></span> Roupas leves da época e calçados extras. Agasalho e toalha. <br />
				  <span class="style8"><u>Nível:</u></span> I eII.<br />
				  <span class="style8"><u>Valor:</u></span> R$ 35,00</div></td>
				<td bgcolor="#FFFFFF"> </td>
			  </tr>
			  <tr>
				<td height="9"><img src="http://img.photobucket.com/albums/v691/eogui/be.gif" width="9" height="19" /></td>
				<td height="9" bgcolor="#FFFFFF"> </td>
				<td height="9"><img src="http://img.photobucket.com/albums/v691/eogui/bd.gif" width="9" height="19" /></td>
			  </tr>
		  </table></td>
		</tr>
		<tr>
		  <td colspan="4" bgcolor="#FFFF00"><div align="center"><span class="style12">Garanta já o seu lugar. Ligue 3743 1295 ou acesse <a href="http://www.rotaaventuras.com.br">www.rotaaventuras.com.br</a></span> </div></td>
		</tr>
	  </table></th>
  </tr>
</table>
</body>
</html>

 

 

Ficaria muito grato se pudessem me ajudar, pois não tenho conhecimentos avançado em HTML para corrigir este problema. http://forum.imasters.com.br/public/style_emoticons/default/natal_smile.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

DBB    0

DBB
Postado

Amigo não entendo muito de e-mail marketng, mas acho que isso é relativo, funcionar num lugar funcionar em outro, principalmente esses webmals, ao meu ver esse problema ocorrerá sempre, mesmo usando padrões css etc...

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

é pq o FF ve diferentes as páginas(bordas de tabelas não definidas por CSS)

 

você usa "tabelas", procure usar TABELLES(outra maneira de fazer sites que é o padrão)

 

é sobre isso que o forum(sessão que estamos) fala ^^

 

siga essa tuto(caso queira aprender):

http://forum.imasters.com.br/index.php?showtopic=223799

 

e aprenda bastante CSS

 

;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rhodes-RJ    0

Rhodes-RJ
Postado

Olá Pessoal

 

Montei um e-mail marketing pra enviar por e-mail. Mas agora percebi q ele dá um problema quando envia para gmail e hotmail, desconfigura tudo...

Ficaria muito grato se pudessem me ajudar, pois não tenho conhecimentos avançado em HTML para corrigir este problema. http://forum.imasters.com.br/public/style_emoticons/default/natal_smile.gif

Fala Guilherme,

acredito que os usuários acima não entenderam qual era realmente o seu problema, mesmo porque no caso apresentado por você, não faz diferença mandar o e-mail marketing em tabelas ou em tableless.

 

Comecei a trabalhar com envio de e-mails marketing há algum tempo e também tive problemas desse tipo com relação a alguns webmails.

 

O que acontece na verdade é que "sites de e-mail" como o G-mail e Hotmail vão suprimir partes de seu código como BODY e HEAD tags, portanto, de nada adianta você colocar código css lá.

Esses "sites de e-mail" citados simplesmente ignoram a parte do CSS que fica no topo da mensagem.

Então, para os códigos CSS funcionarem, só existe uma maneira segura de utilizá-los: colocando-os “in line”, ou seja, abaixo do BODY tag, através de style="".

 

Espero ter ajudado.

 

Qualquer coisa, dá uma lida em:

http://www.nitronews.com.br/emailmarketing...&pagatual=2

E se cadastra no site VirtualTarget para fazer o download gratuito dos arquivos relacionados a e-mail marketing, no link da biblioteca:

http://ptbr.virtualtarget.com.br/biblioteca.php

 

Grande abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Bom dia Rhodes-Rj

 

acho que o engano é seu o problema é que ele visualizou pelo Firefox e não pelo IE

o Gmail e Hotmail, acredite eu testei =]

 

quanto a TABELLES e TABELAS há diferença sim

 

qualquer duvida sobre o TABELLES(caso queira conhecer)

procure o forum aqui, ficarei feliz em ajuda-lo

 

;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Anderdsv    0

Anderdsv
Postado

Concordo com o Rhodes.

 

Pois ja fiz email marketing das duas formas e realmente esses webmaisl suprimem css.

 

No entanto de uns tempos pra cá o gmail carrega até que normal (devemn ter atualizado sei lá),

ja por exemplo no webmail do terra desconfigura mesmo com tabless.

 

Aproveitando o tópico:

 

Estou com problemas pra visualizar htmls com texto justificado, pois quando chega no outlook 2007 ele

alinha a esquerda.

 

Quem puder me ajudar!! Fico grato!

 

Abs a todos

 

Concordo com o Rhodes.

 

Pois ja fiz email marketing das duas formas e realmente esses webmaisl suprimem css.

 

No entanto de uns tempos pra cá o gmail carrega até que normal (devemn ter atualizado sei lá),

ja por exemplo no webmail do terra desconfigura mesmo com tabless.

 

Aproveitando o tópico:

 

Estou com problemas pra visualizar htmls com texto justificado, pois quando chega no outlook 2007 ele

alinha a esquerda.

 

Quem puder me ajudar!! Fico grato!

 

Abs a todos

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