Ir para conteúdo

POWERED BY:

Arquivado

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

NetBoy16

Problemas com Email Marketing

Por , em Desenvolvimento frontend

Recommended Posts

NetBoy16    72

NetBoy16
Postado

Fala pessoal, eu to tentando fazer um email marketing e enviando uma pagina html + css no email(a msg como se fosse uma pagina), quando abro a msg no email no browser aparece certinho, mas no outlook nao sai do jeito certo, a pagina é essa e o codigo é esse:

 

<!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=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
.ok {
font-size: 14px;
color: #C60;
}
.rrrd {
font-size: 16px;
}
.titulo_ok {
color: #F60;
}
li {
list-style:none;
float:left; 
width:300px;
height:250px;
border:solid 1px #C93;
margin-left:20px;
margin-top:10px;
padding:10px;
}
li a {
text-decoration:none;
color:#333;
}
.preco {
color: #C30;
}
.preco2 {
font-weight: bold;
}
</style>
</head>

<body>

<span class="rrrd">A Grafica Mydream , especializada na impressão de panfletos, cartões de visita, folders, banners, flyers esta a mais de 10 anos no mercado, prestando serviços de qualidade com uma equipe altamente treinada se destacando entre as Gráficas de Curitiba.<br />
 <br />
Entregamos para todo o Brasil. <br />
<br /> 
<a href='http://www.graficamydream.com.br' target="_blank">www.graficamydream.com.br </a>
<br />
<br />
Central de atendimento: </span><span class="titulo_ok">41 3222-8621 </span><span class="rrrd"><br />
<br />
</span>
<h2 class="titulo_ok">Grafica Mydream - Destaques da semana<br />
</h2>
<div style="width:1000px">
 <ul style="width:800px">
   <li>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/products/BANNER-%252d-40x60cm-%7B47%7D-4x0-%7B47%7D-Lona-340g-%7B47%7D-1-unid-%7B47%7D-C%7B47%7D---Bast%E3o-e-Barbante--ou-Ilhos.html"><img src="http://www.cartoesdevisitacuritiba.com.br/product_images/w/banner__12024_thumb.jpg" alt="BANNER " border="0" /></a></div>
     <div> <strong><a href="http://www.cartoesdevisitacuritiba.com.br/products/BANNER-%252d-40x60cm-%7B47%7D-4x0-%7B47%7D-Lona-340g-%7B47%7D-1-unid-%7B47%7D-C%7B47%7D---Bast%E3o-e-Barbante--ou-Ilhos.html">BANNER - 40x60cm / 4x0 / Lona 340g / 1 unid / C/   Bastão e Barbante  ou Ilhos</a></strong></div>
     <div> <em class="preco"> <span class="preco2">R$ 55,00</span></em><br />
     </div>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/cart.php?action=add&product_id=201"><img src="http://www.cartoesdevisitacuritiba.com.br/btn_comprar.gif" alt="12" width="93" height="30" border="0" /></a><br />
       <br />
     </div>
   </li>
   <li>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/products/PAPEIS-TIMBRADOS-%252d-15x21cm%28A5%29-%7B47%7D-Reciclado-90g-%7B47%7D-4X0-%7B47%7D-100-unid..html"><img src="http://www.cartoesdevisitacuritiba.com.br/product_images/p/timbrado_rpm__46928_thumb.jpg" alt="PAPEIS TIMBRADOS" border="0" /></a></div>
     <div> <strong><a href="http://www.cartoesdevisitacuritiba.com.br/products/PAPEIS-TIMBRADOS-%252d-15x21cm%28A5%29-%7B47%7D-Reciclado-90g-%7B47%7D-4X0-%7B47%7D-100-unid..html">PAPEIS TIMBRADOS - 15x21cm(A5) / Reciclado 90g / 4X0 / 100 unid.</a></strong></div>
     <div class="preco2"> <em class="preco"> <span class="preco2"> R$ 90,00</span></em></div>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/cart.php?action=add&product_id=184"><img src="http://www.cartoesdevisitacuritiba.com.br/btn_comprar.gif" alt="11" width="93" height="30" border="0" /></a><br />
       <br />
     </div>
   </li>
   <li>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/products/CART%D5ES-DE-VISITA-8%2C5x5%2C4cm-%7B47%7D-PVC-0%2C3mm-%7B47%7D-4x4-%7B47%7D-1000-unid.html"><img src="http://www.cartoesdevisitacuritiba.com.br/product_images/q/cartoes_de_visita_de_pvc_branco__43408_thumb.jpg" alt="CARTÕES DE VISITA PVC" border="0" /></a></div>
     <div> <strong><a href="http://www.cartoesdevisitacuritiba.com.br/products/CART%D5ES-DE-VISITA-8%2C5x5%2C4cm-%7B47%7D-PVC-0%2C3mm-%7B47%7D-4x4-%7B47%7D-1000-unid.html">CARTÕES DE VISITA 8,5x5,4cm / PVC 0,3mm / 4x4 / 1000 unid</a></strong></div>
     <div class="preco"> <em> R$ 220,00</em></div>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/cart.php?action=add&product_id=93"><img src="http://www.cartoesdevisitacuritiba.com.br/btn_comprar.gif" alt="10" width="93" height="30" border="0" /></a><br />
       <br />
     </div>
   </li>
   <li>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/products/CART%D5ES-DE-VISITA-8%2C8x5%2C08cm-%7B47%7D-300g-%7B47%7D-4x4-%7B47%7D-Lam-fosco-%7B47%7D-1000-unid-%7B47%7D-c%7B47%7D-VERNIZ-.html"><img src="http://www.cartoesdevisitacuritiba.com.br/product_images/l/cartao_de_visita_prolan_fosco__90132_thumb.jpg" alt="CARTÕES DE VISITA" border="0" /></a></div>
     <div> <strong><a href="http://www.cartoesdevisitacuritiba.com.br/products/CART%D5ES-DE-VISITA-8%2C8x5%2C08cm-%7B47%7D-300g-%7B47%7D-4x4-%7B47%7D-Lam-fosco-%7B47%7D-1000-unid-%7B47%7D-c%7B47%7D-VERNIZ-.html">CARTÕES DE VISITA 8,8x5,08cm / 300g / 4x4 / Lam fosco / 1000 unid / c/ VERNIZ </a></strong></div>
     <div class="preco"> <em> R$ 130,00</em></div>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/cart.php?action=add&product_id=99"><img src="http://www.cartoesdevisitacuritiba.com.br/btn_comprar.gif" alt="9" width="93" height="30" border="0" /></a><br />
       <br />
     </div>
   </li>
   <li>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/products/CALEND%C1RIOS-2012-Bloco-de-cal.-12-meses-para-im%E3s%7B47%7D-4x5cm%7B47%7D-1000-unid.html"><img src="http://www.cartoesdevisitacuritiba.com.br/product_images/u/ima_calendario__26667_thumb.jpg" alt="CALENDÁRIOS 2012" border="0" /></a></div>
     <div> <strong><a href="http://www.cartoesdevisitacuritiba.com.br/products/CALEND%C1RIOS-2012-Bloco-de-cal.-12-meses-para-im%E3s%7B47%7D-4x5cm%7B47%7D-1000-unid.html">CALENDÁRIOS 2012 Bloco de cal. 12 meses para imãs/ 4x5cm/ 1000 unid</a></strong></div>
     <div class="preco"> <em> R$ 120,00</em></div>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/cart.php?action=add&product_id=79"><img src="http://www.cartoesdevisitacuritiba.com.br/btn_comprar.gif" alt="8" width="93" height="30" border="0" /></a><br />
       <br />
     </div>
   </li>
   <li>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/products/PANFLETO-10x15cm-%7B47%7D-4X4-%7B47%7D-Couche-170g-%7B47%7D-5000-unid.html"><img src="http://www.cartoesdevisitacuritiba.com.br/product_images/l/15x21_78445__79797_thumb.jpg" alt="PANFLETO" border="0" /></a></div>
     <div> <strong><a href="http://www.cartoesdevisitacuritiba.com.br/products/PANFLETO-10x15cm-%7B47%7D-4X4-%7B47%7D-Couche-170g-%7B47%7D-5000-unid.html">PANFLETO 10x15cm / 4X4 / Couche 170g / 5000 unid</a></strong></div>
     <div class="preco"> <em> R$ 295,00</em></div>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/cart.php?action=add&product_id=153"><img src="http://www.cartoesdevisitacuritiba.com.br/btn_comprar.gif" alt="7" width="93" height="30" border="0" /></a><br />
       <br />
     </div>
   </li>
   <li>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/products/PANFLETO-10x15cm-%7B47%7D-4X4-%7B47%7D-Couche-120g-%7B47%7D-5000-unid.html"><img src="http://www.cartoesdevisitacuritiba.com.br/product_images/s/4x4folder_82399__92432_thumb.jpg" alt="PANFLETO" border="0" /></a></div>
     <div> <strong><a href="http://www.cartoesdevisitacuritiba.com.br/products/PANFLETO-10x15cm-%7B47%7D-4X4-%7B47%7D-Couche-120g-%7B47%7D-5000-unid.html">PANFLETO 10x15cm / 4X4 / Couche 120g / 5000 unid</a></strong></div>
     <div class="preco"> <em> R$ 260,00</em></div>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/cart.php?action=add&product_id=130"><img src="http://www.cartoesdevisitacuritiba.com.br/btn_comprar.gif" alt="6" width="93" height="30" border="0" /></a><br />
       <br />
     </div>
   </li>
   <li>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/products/PASTA-COM-BOLSA-31x45cm-%7B47%7D-Imp-300g-%7B47%7D-4x0-%7B47%7D-Brilho-Frente-%7B47%7D-Bolsa-Padr%E3o-Branca-sem-Impress%E3o-%7B47%7D-25-unid.html"><img src="http://www.cartoesdevisitacuritiba.com.br/product_images/p/pasta_bolsa__66485_thumb.jpg" alt="PASTA COM BOLSA" border="0" /></a></div>
     <div> <strong><a href="http://www.cartoesdevisitacuritiba.com.br/products/PASTA-COM-BOLSA-31x45cm-%7B47%7D-Imp-300g-%7B47%7D-4x0-%7B47%7D-Brilho-Frente-%7B47%7D-Bolsa-Padr%E3o-Branca-sem-Impress%E3o-%7B47%7D-25-unid.html">PASTA COM BOLSA 31x45cm / Imp 300g / 4x0 / Brilho Frente / Bolsa Padrão Branca sem Impressão / 25 unid</a></strong></div>
     <div class="preco"> <em> R$ 240,00</em></div>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/cart.php?action=add&product_id=180"><img src="http://www.cartoesdevisitacuritiba.com.br/btn_comprar.gif" alt="5" width="93" height="30" border="0" /></a><br />
       <br />
     </div>
   </li>
   <li>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/products/CARD%C1PIOS-250g-A3-SEM-VERNIZ--30x42cm-%7B47%7D-4x4-%7B47%7D-Couche-250g-%7B47%7D-25-unid-%7B47%7D-1-vinco.html"><img src="http://www.cartoesdevisitacuritiba.com.br/product_images/c/cardapio_camalehon_mesa__98916_thumb.jpg" alt="Cardapio" border="0" /></a></div>
     <div> <strong><a href="http://www.cartoesdevisitacuritiba.com.br/products/CARD%C1PIOS-250g-A3-SEM-VERNIZ--30x42cm-%7B47%7D-4x4-%7B47%7D-Couche-250g-%7B47%7D-25-unid-%7B47%7D-1-vinco.html">CARDÁPIOS 250g A3 SEM VERNIZ  30x42cm / 4x4 / Couche 250g / 25 unid / 1 vinco</a></strong></div>
     <div class="preco"> <em> R$ 206,00</em></div>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/cart.php?action=add&product_id=188"><img src="http://www.cartoesdevisitacuritiba.com.br/btn_comprar.gif" alt="4" width="93" height="30" border="0" /></a><br />
       <br />
     </div>
   </li>
   <li>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/products/CART%D5ES-DE-VISITA-9x5cm-%7B47%7D-Imp-300g-%7B47%7D-4x0-%7B47%7D-Brilho-Frente-%7B47%7D-1000-unid.html"><img src="http://www.cartoesdevisitacuritiba.com.br/product_images/g/4x0__31079_thumb.jpg" alt="16" border="0" /></a></div>
     <div> <strong><a href="http://www.cartoesdevisitacuritiba.com.br/products/CART%D5ES-DE-VISITA-9x5cm-%7B47%7D-Imp-300g-%7B47%7D-4x0-%7B47%7D-Brilho-Frente-%7B47%7D-1000-unid.html">CARTÕES DE VISITA 9x5cm / Imp 300g / 4x0 / Brilho Frente / 1000 unid</a></strong></div>
     <div class="preco"> <em> R$ 70,00</em></div>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/cart.php?action=add&product_id=29"><img src="http://www.cartoesdevisitacuritiba.com.br/btn_comprar.gif" alt="3" width="93" height="30" border="0" /></a><br />
       <br />
     </div>
   </li>
   <li>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/products/ENVELOPE-SULFITE-%252d-4x0-%252d-500-UNID-%252d-26-x-36-cm-%252d-Sulfite-90g-%252d-Sem-Verniz.html"><img src="http://www.cartoesdevisitacuritiba.com.br/product_images/c/enveg__40216_thumb.jpg" alt="15" border="0" /></a></div>
     <div> <strong><a href="http://www.cartoesdevisitacuritiba.com.br/products/ENVELOPE-SULFITE-%252d-4x0-%252d-500-UNID-%252d-26-x-36-cm-%252d-Sulfite-90g-%252d-Sem-Verniz.html">ENVELOPE SULFITE - 4x0 - 500 UNID - 26 x 36 cm - Sulfite 90g - Sem Verniz</a></strong></div>
     <div class="preco"> <em> R$ 790,00</em></div>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/cart.php?action=add&product_id=208"><img src="http://www.cartoesdevisitacuritiba.com.br/btn_comprar.gif" alt="2" width="93" height="30" border="0" /></a><br />
       <br />
     </div>
   </li>
   <li>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/products/CART%D5ES-DE-VISITA--9x5cm-%7B47%7D-Imp-300g-%7B47%7D-4x4-%7B47%7D-Brilho-Frente-%7B47%7D-1000-unid-.html"><img src="http://www.cartoesdevisitacuritiba.com.br/product_images/b/4x4__08015_thumb.jpg" alt="13" border="0" /></a></div>
     <div> <strong><a href="http://www.cartoesdevisitacuritiba.com.br/products/CART%D5ES-DE-VISITA--9x5cm-%7B47%7D-Imp-300g-%7B47%7D-4x4-%7B47%7D-Brilho-Frente-%7B47%7D-1000-unid-.html">CARTÕES DE VISITA  9x5cm / Imp 300g / 4x4 / Brilho Frente / 1000 unid </a></strong></div>
     <div class="preco"> <em> R$ 90,00</em></div>
     <div> <a href="http://www.cartoesdevisitacuritiba.com.br/cart.php?action=add&product_id=31"><img src="http://www.cartoesdevisitacuritiba.com.br/btn_comprar.gif" alt="1" width="93" height="30" border="0" /></a></div>
   </li>
 </ul>
</div>
</body>
</html>

 

Oque tem de errado? oque eu posso fazer? por favor alguém pode me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado

Eu já tinha visto Diéssica, até vi você recomendando o blog do Bruno, mas isso ainda nao me ajudou, alguma outra dica ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

cara, se vale a dica.. recomece. Do zero.

 

Esquece essa de fazer html na mão.

Pega o layout do phostoshop e fatia por lá, em slices.

 

Você pode até tentar fazer na mão, e tentar usar css.. mas terá muito mais trabalho, e possivelmente vai ter problema nos outros programas de email, lembre-se q não existe apenas o outlook.

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado

Entao Bruno, até daria certo indo pelo seu post, mas o problema é que eu nao tenho o layout em psd, é uma pagina simples feito do 0.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Entendi @NetBoy..

 

ainda assim, acho mais "rápido" e garantido, você voltar um passo, de trás pra frente..

nem que seja com um print do browser, fazer o psd, e então aplicar os slices, doq tentar fazer html na mão para emm.

Compartilhar este post

Link para o post
Compartilhar em outros sites

NetBoy16    72

NetBoy16
Postado

Print do Browser...como nao pensei nisso antes :pinch: , valeu :grin:

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