E-MAIL HTML

paulatavorac · Agosto 20, 2020

Olá! Alguém pode me ajudar?

Criei esse e-mail em html no Photoshop e depois subi as imagens no Postimage.org, mas quando vou enviar o e-mail, algumas imagens se deslocam pra direita.

Sabem me dizer o que está errado?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>E-MAIL_LANÇAMENTO SITE_slice</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style>
    #Table_01 {
        margin: 0 Auto;
    }
    </style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="651" height="1094" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="13">
			<a href="http://www.vistabeagle.com.br" target="_blank">
				<img src="https://i.postimg.cc/j5nBpK4V/banner-topo.png" width="650" height="353" border="0" alt="banner topo"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="353" alt=""></td>
	</tr>
	<tr>
		<td width="650" height="7" colspan="13">
			<img src="images/spacer.gif" width="650" height="7" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="7" alt=""></td>
	</tr>
	<tr>
		<td>
			<a href="http://www.vistabeagle.com.br/feminino-tricot" target="_blank">
				<img src="https://i.postimg.cc/fRbq4DMH/tricot.png" width="114" height="135" border="0" alt="tricot"></a></td>
		<td>
			<a href="http://www.vistabeagle.com.br/feminino-vestido" target="_blank">
				<img src="https://i.postimg.cc/DfqMLxCc/vestido.png" width="106" height="135" border="0" alt="vestido"></a></td>
		<td colspan="2">
			<a href="http://www.vistabeagle.com.br/feminino-blusa" target="_blank">
				<img src="https://i.postimg.cc/Ghx6wXGp/blusa.png" width="105" height="135" border="0" alt="blusa"></a></td>
		<td colspan="3">
			<a href="http://www.vistabeagle.com.br/masculino-camiseta" target="_blank">
				<img src="https://i.postimg.cc/Gm3Vcvxx/camiseta.png" width="106" height="135" border="0" alt="camiseta"></a></td>
		<td colspan="4">
			<a href="http://www.vistabeagle.com.br/masculino-moletom" target="_blank">
				<img src="https://i.postimg.cc/13WT44Wh/moletom.png" width="107" height="135" border="0" alt="moletom"></a></td>
		<td colspan="2">
			<a href="http://www.vistabeagle.com.br/masculino-jaqueta" target="_blank">
				<img src="https://i.postimg.cc/QMHz7sPB/jqqueta.png" width="112" height="135" border="0" alt="jaqueta"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="135" alt=""></td>
	</tr>
	<tr>
		<td width="650" height="7" colspan="13">
			<img src="images/spacer.gif" width="650" height="7" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="7" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" rowspan="2">
			<a href="http://www.vistabeagle.com.br/diadospais-elegante" target="_blank">
				<img src="https://i.postimg.cc/vBnSPhGb/guia-de-estilo.png" width="364" height="298" border="0" alt="guia de estilo"></a></td>
		<td width="17" height="309" rowspan="3">
			<img src="images/spacer.gif" width="17" height="309" alt=""></td>
		<td colspan="3">
			<a href="http://www.vistabeagle.com.br/masculino" target="_blank">
				<img src="https://i.postimg.cc/7LdWMd8K/GIF-PARA-ELES-120-x-286-PX.gif" width="120" height="286" border="0" alt="masculino"></a></td>
		<td width="20" height="309" rowspan="3">
			<img src="images/spacer.gif" width="20" height="309" alt=""></td>
		<td colspan="2">
			<a href="http://www.vistabeagle.com.br/feminino" target="_blank">
				<img src="https://i.postimg.cc/Rhzp2t0f/GIF-PARA-ELAS-120-x-286-PX.gif" width="120" height="286" border="0" alt="feminino"></a></td>
		<td width="9" height="309" rowspan="3">
			<img src="images/spacer.gif" width="9" height="309" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="286" alt=""></td>
	</tr>
	<tr>
		<td width="120" height="23" colspan="3" rowspan="2">
			<img src="images/spacer.gif" width="120" height="23" alt=""></td>
		<td width="120" height="23" colspan="2" rowspan="2">
			<img src="images/spacer.gif" width="120" height="23" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="12" alt=""></td>
	</tr>
	<tr>
		<td width="364" height="11" colspan="5">
			<img src="images/spacer.gif" width="364" height="11" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="11" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<a href="http://www.instagram.com/BeagleOficial" target="_blank">
				<img src="https://i.postimg.cc/qBn9QJ7y/instagram.png" width="221" height="53" border="0" alt="instagram"></a></td>
		<td>
			<a href="http://www.facebook.com/BeagleOficial" target="_blank">
				<img src="https://i.postimg.cc/903sVSLD/facebook.png" width="104" height="53" border="0" alt="facebook"></a></td>
		<td colspan="4">
			<a href="http://www.youtube.com/channel/UCtjy0nX4ZRdMAr7q9k-O2JA/featured?gl=BR" target="_blank">
				<img src="https://i.postimg.cc/nc2SwCfj/youtube.png" width="107" height="53" border="0" alt="youtube"></a></td>
		<td colspan="5">
			<a href="http://open.spotify.com/user/eqejj7u1kj3ugs03camyx3i7x?si=m6wWQNRoRr-ZiZNb13anCA" target="_blank">
				<img src="https://i.postimg.cc/rsCZTpdH/spotify.png" width="218" height="53" border="0" alt="spotify"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="53" alt=""></td>
	</tr>
	<tr>
		<td colspan="13">
			<a href="http://api.whatsapp.com/send?phone=5547991572033&text=Fale%20conosco&source=&data=&app_absent=" target="_blank">
				<img src="https://i.postimg.cc/tCpm5FwG/whatsapp.png" width="650" height="229" border="0" alt="whatsapp"></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="229" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="114" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="106" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="104" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="39" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="17" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="50" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="69" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="20" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="17" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="103" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="9" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
</body>
</html>

Entrar

E-MAIL HTML

Pergunta

paulatavorac

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades