Ir para conteúdo

POWERED BY:

Arquivado

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

vitormp4

Outlook x Email HTML

Por , em Desenvolvimento frontend

Recommended Posts

vitormp4    0

vitormp4
Postado

Olá pessoal, tudo bem? Sou novo por aqui e já tenho uma dúvida: alguém manja bastante de mandar email HTML? Eu preciso fazer uma NEWSLETTER e enviar por email. Fiz o design no Photoshop, dividi em slices por ele e mesmo e até ai tava tudo tranquilo. No NAVEGADOR, todas as tabelas estão perfeitas. No EMAIL, tudo se desconfigura! Já não sei mais o que fazer! Espero que alguém aqui possa me ajudar, valeu!

 

Mandei o código aqui em anexo também! Esse não é o layout final e nem o conteúdo está completo, essas coisas vão melhorar! hauhauaha Só quero primeiro aprender a resolver esse conflito das tabelas! Valeu!

 

 

 

<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Untitled-1) -->
<table id="Table_01" width="750" height="1204" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td colspan="6">
		<img src="http://i44.tinypic.com/fcmvpt.gif" width="750" height="216" alt=""></td>
</tr>
<tr>
	<td colspan="6">
		<img src="http://i39.tinypic.com/k312bo.gif" width="750" height="44" alt=""></td>
</tr>
<tr>
	<td colspan="2">
		<img src="http://i43.tinypic.com/29ux6k3.gif" width="338" height="208" alt=""></td>
	<td colspan="3"valign=top align=left>
		<br>
		<DIV ALIGN="justify">
		<font face=arial size=2><B>PROJETO CEO</B></font><BR><BR>

		<font face=arial size=2>
		No dia 25 de agosto, às 18h, no Centro Cultural Capela: <b>PROJETO CEO</b>! Reserve um espaço para o novo evento da Júnior FEA!
C.E.O é a abreviação de Chief Executive Officer, expressão inglesa designada ao mais alto cargo de uma organização. A idéia do nome do evento como "Projeto CEO" é devido ao fato de um CEO ser um profissional de sucesso, com características desejadas no mundo corporativo.</font>
		</DIV>
		</td>
	<td>
		<img src="http://i43.tinypic.com/10f72w6.gif" width="36" height="208" alt=""></td>
</tr>
<tr>
	<td colspan="6">
		<img src="http://i39.tinypic.com/e0jw36.gif" width="750" height="24" alt=""></td>
</tr>
<tr>
	<td>
		<img src="http://i44.tinypic.com/34pgdao.gif" width="32" height="207" alt=""></td>
	<td colspan="2">
		<br>
		<DIV ALIGN="justify">
		<font face="arial" size=2><B>PROJETOS INTERNOS</B></font><BR><BR>

		<font face=arial size=2>
		"Hoje melhor do que ontem, amanhã melhor do que hoje."
A filosofia do Kaizen, como exemplificado na frase acima, tem como objetivo o aprimoramento contínuo. Assim, em busca da excelência, a Júnior FEA está realizando nesse segundo semestre de 2011 cinco projetos :
<br><br>
1. Área de comunicação: CRM (Customer Relationship Management) e Plano de Comunicação<BR>
2. Área de gestão de pessoas: Gestão por Competências<BR>





</font>
		</DIV>



		</td>
	<td colspan="3">
		<img src="http://i39.tinypic.com/wsuqzm.gif" width="354" height="207" alt=""></td>
</tr>
<tr>
	<td colspan="2" rowspan="2">
		<img src="http://i41.tinypic.com/4kty80.gif" width="338" height="244" alt=""></td>
	<td colspan="4">
		<img src="http://i43.tinypic.com/2rqj4n6.gif" width="412" height="38" alt=""></td>
</tr>
<tr>
	<td colspan="3">


		<DIV ALIGN="justify">
		<font face=arial size=2><B>ENEJ 2011</B></font><BR><BR>

		<font face=arial size=2>
		O ENEJ, Encontro Nacional de Empresários Júniores, é o maior evento de Empresários Júniores do mundo. Suas edições são anuais e realizadas em diversas regiões do Brasil. Tem como objetivo promover e integrar a capacitação desses empresários de todo Brasil, promovendo palestras magnas, mini palestras e workshops ligados ao tema do ano, em 2011 foi "Convergindo transformações".
Sua 19ª edição foi em Foz do Iguaçú, entre os dias 10 e 14 de agosto e contou com a participação de 1500 empresários juniores, dentre esses, 23 consultores da Júnior FEA USP.</font>
		</DIV>			













		</td>
	<td>
		<img src="http://i42.tinypic.com/2qk30h4.gif" width="36" height="206" alt=""></td>
</tr>
<tr>
	<td rowspan="3">
		<img src="http://i44.tinypic.com/ne69oh.gif" width="32" height="260" alt=""></td>
	<td colspan="3">
		<img src="http://i42.tinypic.com/5z381c.gif" width="382" height="28" alt=""></td>
	<td colspan="2" rowspan="3">
		<img src="http://i41.tinypic.com/ngk07.gif" width="336" height="260" alt=""></td>
</tr>
<tr>
	<td colspan="3" width="382" height="198">



		<DIV ALIGN="justify">
		<font face=arial size=2><B>AGRADECIMENTOS</B></font><BR><BR>

		<font face=arial size=2>

		A Júnior FEA-RP agradece os professores Roberto Fava Scare, Janaina de Moura Engracia Giraldi, Carlos Alberto Grespan Bonacim, Silvia Inês Dallavalle de Pádua e Roni Cléber Bonízio pela ajuda nos projetos realizados pela Empresa e pela atenção que nos foi dada.

Aos professores o nosso muito obrigado!

</font>

		</DIV>









		</td>
</tr>
<tr>
	<td colspan="3">
		<img src="http://i43.tinypic.com/2q24n85.jpg" width="382" height="34" alt=""></td>
</tr>
<tr>
	<td>
		<img src="http://i42.tinypic.com/u5xub.jpg" width="32" height="1" alt=""></td>
	<td>
		<img src="http://i42.tinypic.com/u5xub.jpg" width="306" height="1" alt=""></td>
	<td>
		<img src="http://i42.tinypic.com/u5xub.jpg" width="58" height="1" alt=""></td>
	<td>
		<img src="http://i42.tinypic.com/u5xub.jpg" width="18" height="1" alt=""></td>
	<td>
		<img src="http://i42.tinypic.com/u5xub.jpg" width="300" height="1" alt=""></td>
	<td>
		<img src="http://i42.tinypic.com/u5xub.jpg" width="36" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

 

Coloquei aqui também um printscreen de como está aparecendo no Gmail, Yahoo e também no Hotmail a mensagem!

 

t6w6jq.jpg

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gerciley    14

Gerciley
Postado

vitor, usa CSS, vai ter menos problemas, os leitores de e-mail não reconhece todas as propriedades mas pelo seu trabalho acredito que da pra implementar CSS e ficar bom para e-mail, da uma lida nesse artigo: http://marcomoura.com/2006/11/10/cuidado-ao-utilizar-htmlcss-destinado-a-um-e-mail/

 

outro link legal: http://delicious.com/marco.moura/css-email

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não faça slices com rowspan:

<td rowspan="3">

 

aqui fiz um compilado de coisas q notei:

http://wbruno.com.br/2011/09/22/como-recortar-email-marketing/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

vitor, usa CSS, vai ter menos problemas, os leitores de e-mail não reconhece todas as propriedades mas pelo seu trabalho acredito que da pra implementar[..]

Pelo contrário ;)

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