Ir ao conteúdo
  • Cadastre-se
Daniel Schmitz

Assinatura html do outlook fica desconfigurada.

Recommended Posts

A assinatura em html não fica configurada, quando abro ela no google chrome ela aparece certinho mas quando uso no email do outlook ela fica toda desconfigurada, como nas imagens.

Obs: Estou usando o outlook do pacote office não o web.

Código:

 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>

<body>

<div id="sig-container" style="margin-top: 15px;padding-top: 6px; border-top: 2px dashed #ddd;"> <div style="float: left; margin: 25px 10px 5px 0px; padding-right: 5px; display: block;" id="photoWrapper"> <img src="http://www.caixaliteraria.com.br/images/padrão/marca.png" width="180" height="67" id="sigPhoto"> </div> <div style="margin-top:0px; margin-left: 195px;" id="sigDetailsWrapper"> <p style="font-family: Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #333; margin-top:0; margin-left:0; padding-left:0;"> <strong><span id="sigName">Daniel Ivan Schmitz</span></strong> <span id="sigTitle">/ Consultor de Vendas</span><br> 
      <span><span><br>Telefone:</a></span> <span id="sigMobile2"> (55) 3535-3628</span><br>
      Celular / WhatsApp:</a></span> <span id="sigMobile"> (55) 9687-2443</span></p>
    
    <p style="font-family: Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: rgb(51, 51, 51); margin-top: 0px;" id="sigCompanyWrapper"> <strong><span id="sigCompany">Caixa Literária</span></strong><br> 
    <span><a href="www.caixaliteraria.com.br" id="sigWebsite" style="color:#428BCA;" rel="nofollow">www.caixaliteraria.com.br</a></span> <br> <span id="sigAddress" style="font-size: 10px; line-height: 14px; margin: 5px 0; display:block; opacity:0.8;">Rua Horizontina, 1944, Centro - Três de Maio - RS</span> </p> <p style="font-family: Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #333;"> <span id="twitterIcon" style="display: none;"><a href="http://www.criarumemail.com/assinatura-de-email-online.html#"><img src="./assinatura-de-email-online_files/twitter_circle_color-20.png" width="20px" height="20px"></a></span> <span id="facebookIcon" style="display: inline;"><a href="https://www.facebook.com/caixaliterariaa"><img src="https://www.seeklogo.net/wp-content/uploads/2011/06/facebook-icon-logo-vector-400x400.png" width="30px" height="30px"></a></span> <span id="gplusIcon" style="display: inline;"><a href="https://plus.google.com/105173094670742537403"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Google_plus.svg/1047px-Google_plus.svg.png" width="30px" height="30px"></a></span> <span id="linkedinIcon" style="display: none;"><a href="http://www.criarumemail.com/assinatura-de-email-online.html#"><img src="./assinatura-de-email-online_files/linkedin_circle_color-20.png" width="20px" height="20px"></a></span> <span id="instagramIcon" style="display: inline;"><a href="https://www.instagram.com/caixa.literaria/"><img src="http://3835642c2693476aa717-d4b78efce91b9730bcca725cf9bb0b37.r51.cf1.rackcdn.com/Instagram_App_Large_May2016_200.png" width="30px" height="30px"></a></span> <span id="dribbleIcon" style="display: none;"><a href="http://www.criarumemail.com/assinatura-de-email-online.html#"><img src="./assinatura-de-email-online_files/dribbble_circle_color-20.png" width="20px" height="20px"></a></span> <span id="youtubeIcon" style="display: inline;"><a href="https://www.youtube.com/channel/UC1ZjoPz92Wd4AiwQh3QJeIg"><img src="http://vignette3.wikia.nocookie.net/logopedia/images/5/51/Youtube_2013_icon.png/revision/latest?cb=20131130214557" width="30px" height="30px"></a></span> <span id="vimeoIcon" style="display: none;"><a href="http://www.criarumemail.com/assinatura-de-email-online.html#"><img src="./assinatura-de-email-online_files/vimeo_circle_color-20.png" width="20px" height="20px"></a></span> <span id="githubIcon" style="display: none;"><a href="http://www.criarumemail.com/assinatura-de-email-online.html#"><img src="./assinatura-de-email-online_files/github_circle_black-20.png" width="20px" height="20px"></a></span> <span id="blogIcon" style="display: inline;"><a href="https://caixaliterariaoficial.blogspot.com.br/"><img src="http://eventandconference.co.uk/wp-content/uploads/2011/09/blog-icon-box-orange-300.png" width="30px" height="30px"></a></span> <span id="blogIcon" style="display: inline;"><a href="https://caixaliterariaoficial.blogspot.com/p/whatsapp.html"><img src="http://icons.iconarchive.com/icons/alecive/flatwoken/128/Apps-Whatsapp-icon.png" width="32px" height="32px"></a></span><br>
    </p> </div> </div>
</body>
</html>
 

No E-mail.png

No Google Chrome.png

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×