Assinatura email em HTML Outlook 2016
**Boa tarde amigos.
Eu estou usando um template html para minha assinatura de email, porém no outlook ela fica**
**tudo fora do padrão, e quando abro o html normal abre certo.
Olhem só, quando está no outrlook:**
/applications/core/interface/imageproxy/imageproxy.php?img=https://i.imgur.com/DkJuuUq.png&key=1e9c5133c7f1f7194a98b503cb5002bb9293b6333c09404e7e5300ddfecbd1ec" width="457" data-imageproxy-source="https://i.imgur.com/DkJuuUq.png" />
ela normal seria assim:
/applications/core/interface/imageproxy/imageproxy.php?img=https://i.imgur.com/P7yREKA.png&key=198db7661447b22d386148f384f337521742d756253b280c181f82a9be2c4f8a" width="667" data-imageproxy-source="https://i.imgur.com/P7yREKA.png" />
Segue o código da assinatura que estou usando:
<html>
<br>
<br>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
<body><div class="wrapper" style="
width: 100%;
min-height: 217px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 0;
padding-bottom: 60px; <span class="main" style="">
<span class="image" style="
display: inline-block;
padding-right: 18px;
margin-right: 20px;
margin-bottom: 30px;
vertical-align: top;
border-right: 1px solid #fbb03b;
">
<!-- YOUR PICTURE -->
<img src="https://i.imgur.com/Oxal8FD.png" nosend="1" alt="Leonardo V. Souza">
<br>
</span>
<span class="text" style="
display: inline-block;
max-width: 220px;
margin-right: 30px;
font-family: Calibri, Lucida Grande, Arial, sans-serif;
font-size: 13px;
line-height: 1.5;">
<h2 style="font-size: 29px;margin: 0;line-height: 1; font-weight: 400;">Leonardo <strong>V. Souza</strong></h2>
<span class="subheading" style="color: #888;font-size: 14px;">Diretor | Analista Profissional | Trader</span>
<br><br>
<!-- TELEPHONE NUMBER -->
<a href="tel:+5531996900925" style="color: #000; text-decoration: none;">(31) 99690 0925</an>
<br>
<!-- WEBSITE -->
<a href="https://somosviva.com" target="_blank" title="somosviva.com" style="color: #000; text-decoration: none;">www.somosviva.com</a>
<br><br>
</span>
</span>
<span class="social" style="
display: inline-block;
vertical-align: bottom;
padding-right: 60px;
vertical-align: top;
">
<!-- Adjust LOGO offset here -->
<div class="separator" style="height: 6px;"></div>
<!-- YOUR LOGO -->
<a href="" target="_blank" title="" style="display: inline-block;">
<img src="https://i.imgur.com/opBSoJt.png" nosend="1" alt="Logo " style="vertical-align: middle;">
</a>
<br><br>
<!-- SOCIAL LINKS -->
<a href="https://www.facebook.com/somostodosviva" nosend="1" target="_blank" title="Facebook" style="display: inline-block;border: 1px solid #ddd;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 7px;margin-top: 4px;">
<img src="https://i.imgur.com/HB9pAIC.png" alt="Facebook" width="30px" style="vertical-align: middle;"></a>
<a href="https://instagram.com/somostodosviva" nosend="1" target="_blank" title="Instagram" style="display: inline-block;border: 1px solid #ddd;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 7px;margin-top: 4px;">
<img src="https://i.imgur.com/UEMvOEH.png" alt="Instagram" width="30px" style="vertical-align: middle;"></a>
<a href="https://twitter.com/somosviva1" nosend="1" target="_blank" title="Instagram" style="display: inline-block;border: 1px solid #ddd;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 7px;margin-top: 4px;">
<img src="https://i.imgur.com/kV8bGWD.png" alt="Twitter" width="30px" style="vertical-align: middle;"></a>
<!--
<a href="" nosend="1" target="_blank" title="" style="display: inline-block;border: 1px solid #ddd;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 7px;margin-top: 4px;">
<img src="icon/icon_codepen.png" alt="" width="30px" style="vertical-align: middle;"></a>
<a href="" nosend="1" target="_blank" title="" style="display: inline-block;border: 1px solid #ddd;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 7px;margin-top: 4px;">
<img src="icon/icon_drive.png" alt="" width="30px" style="vertical-align: middle;"></a>
<a href="" nosend="1" target="_blank" title="" style="display: inline-block;border: 1px solid #ddd;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 7px;margin-top: 4px;">
<img src="icon/icon_dropbox.png" alt="" width="30px" style="vertical-align: middle;"></a>
<a href="" nosend="1" target="_blank" title="" style="display: inline-block;border: 1px solid #ddd;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 7px;margin-top: 4px;">
<img src="icon/icon_github.png" alt="" width="30px" style="vertical-align: middle;"></a>
<a href="" nosend="1" target="_blank" title="" style="display: inline-block;border: 1px solid #ddd;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 7px;margin-top: 4px;">
<img src="icon/icon_google-plus.png" alt="" width="30px" style="vertical-align: middle;"></a>
<a href="" nosend="1" target="_blank" title="" style="display: inline-block;border: 1px solid #ddd;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 7px;margin-top: 4px;">
<img src="icon/icon_skype.png" alt="" width="30px" style="vertical-align: middle;"></a>
<a href="" nosend="1" target="_blank" title="" style="display: inline-block;border: 1px solid #ddd;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 7px;margin-top: 4px;">
<img src="icon/icon_yt.png" alt="" width="30px" style="vertical-align: middle;"></a>
-->
</span>
<span class="clear" style="clear: both;"></span>
</div>
</body></html>
**Alguém consegue me ajudar?
Obrigado.**Discussão (0)
Carregando comentários...