Jump to content

lucas1silva1s

Members
  • Content count

    8
  • Joined

  • Last visited

Community Reputation

0 Comum

About lucas1silva1s

  1. lucas1silva1s

    Problema com espaçamento em imagens HTML na assinatura do Outlook

    Em mais uma bateria de testes, descobri no fim das contas que o problema não é com o código, e sim com o Outlook! Quando enviamos texto ou imagem com ele, ele envolve esse texto ou imagem com a tag <p class="MsoNormal"> E acontece que ele coloca os parâmetros de formatação nessa classe no <style> mas acontece que muitos provedores de e-mail não aceitam <style>! E no meu caso, o da Locaweb e nem o Gmail para celular! Logo, acaba que fica configurado o parâmetro padrão de <p> que possui espaçamento. Até encontrei um artigo de um cara dando a sugestão para a equipe do Google pelo Gmail, adicionarem a linha de código: p.MsoNormal {margin: 0px} ao código fonte deles, porque iria resolver o problema pelo menos para mensagens enviadas do Outlook para Gmail! Porque a outra solução é pedir para a Microsoft reprogramar por completo o Outlook,e me parece mais complicadinho né Por fim, decidi então largar pra lá isso, se uma hora eu quiser que alguém receba perfeitamente uma mensagem, mando pelo Gmail por HTML, que fica perfeito em tudo! Vou mandar abaixo o código final que deu certo para mim no: - Gmail Web pelo Google Chrome - Outlook Web pelo Google Chrome - Outlook Aplicativo PC (2013) <html> <head> <meta charset="utf-8"> </head> <body> <table border="0" cellpadding="0" cellspacing="0" width="600" style="max-width:600px; display:block; border:1px solid #aaaabe; border-collapse: collapse" bgcolor="white"> <tbody> <tr> <td width="145" height="90" valign="bottom"> <p style="margin:0; line-height:0"><a href="http://www.provisaopromotora.com" target="new"><img src="http://www.provisaovendas.com.br/marketing/assinatura/imagens/logo_4x.png" width="145" height="90" align="left" style="display:block; width: 100%; max-width: 145px" alt="Provisão Promotora"></a></p> </td> <td width="355" height="90" style="max-width:355px; max-height:90px; mso-line-height-rule:exactly; line-height:20px"> <font style="font-family:Calibri, Arial; font-size:11px; color:teal; font-weight:bold"> Lucas Souza </font> <font style="font-family:Calibri, Arial; font-size:11px; color:#808080"> &nbsp;- Depto de Marketing </font> <br> <a href="tel:+553125313535"><font style="font-family:Calibri, Arial; font-size:11px; color:#3282ff"> (31) 2531-3535 </font></a> <font style="font-family:Calibri, Arial; font-size:11px; color:#808080"> &nbsp;|&nbsp; </font> <a href="tel:+5531999999999"><font style="font-family:Calibri, Arial; font-size:11px; color:#3282ff"> (31) 99999-9999 </font></a> <font style="font-family:Calibri, Arial; font-size:11px; color:#808080"> &nbsp;(whatsapp) </font> <br> <a href="https://goo.gl/maps/omS9Zt9aQN12" target="new"><font style="font-family:Calibri, Arial; font-size:11px; color:#3282ff"> Av. Afonso Pena, 578 - Sala 702 | Centro - BH </font></a> <br> <a href="mailto:marketing@provisaopromotora.com"><font style="font-family:Calibri, Arial; font-size:11px; color:#3282ff"> marketing@provisaopromotora.com </font></a> <font style="font-family:Calibri, Arial; font-size:11px; color:#808080"> &nbsp;|&nbsp; </font> <a href="http://www.provisaopromotora.com" target="new"><font style="font-family:Calibri, Arial; font-size:11px; color:#3282ff"> Nosso Site </font></a> </td> <td width="100" height="90" valign="bottom"> <p style="margin:0; line-height:0"><img src="http://www.provisaovendas.com.br/marketing/assinatura/imagens/qr_code_4x.png" width="100" height="90" align="left" style="display:block; width: 100%; max-width: 100px" alt="QR Code"></p> </td> </tr> <tr> <td colspan="3" width="600" height="40" valign="bottom"> <p style="margin:0; line-height:0"><img src="http://www.provisaovendas.com.br/marketing/assinatura/imagens/rodape_4x.png" width="600" height="40" align="left" style="display:block; width: 100%; max-width: 600px" alt="Rodapé | Se não aparece nenhuma imagem aqui, configure seu e-mail para baixar imagens!"></p> </td> </tr> </tbody> </table> </body> </html>
  2. lucas1silva1s

    Problema com espaçamento em imagens HTML na assinatura do Outlook

    Bom.. eu descobri que o problema está na formatação de texto da <td> por mais que não tenha texto, no outlook quando coloco aquela formatação de texto "sem espaçamento" aí ela dá certo na visualização e finalmente corrige o problema, mas quando envio, no gmail e e-mail web do outlook ainda recebe errado com os espaços, eu precisava descobrir qual tag o outlook usa para esse "sem espaçamento" e colocar no html, aí acho que daria.. alguém sabe esse código?
  3. Olá pessoal, bom dia! Estou com um problema que tô tentando resolver tem uns dias no trabalho já.. seguinte, tem essa assinatura de e-mail que criei o código HTML "na unha" que tentei fazer o mais limpo e padronizado possível, e ficou ótimo em todos os e-mails que testei, MENOS quando adiciono como assinatura no Outlook 2013, quando eu adiciono no outlook, faço aquele processo de ir no %appdata% e achar o arquivo da assinatura em HTML e trocar o código de lá por esse meu HTML. Mas em todos os bilhares de testes que fiz, inclusive o mais básico deles que é o tal do "display:block" não funciona porque o problema é com o outlook quando envia a mensagem, quando ele envia acho que ele faz alguma codificação que dá esses espaços na mensagem, se eu mando do gmail para o outlook, chega perfeito no outlook, mas se for o contrário, aí dá problema! Tem ideia do que deve ser? Vou mandar abaixo o HTML da assinatura, e uma imagem de como ela deveria ficar, e como ela fica no outlook: caso a imagem não apareça abaixo, o link é: http://provisaovendas.com.br/marketing/temporario/exemplo.png <table border="0" cellpadding="0" cellspacing="0" width="600" style="max-width:600px; display:block; border:1px solid #aaaabe; border-collapse: collapse" bgcolor="white"> <tbody> <tr> <td width="145" height="90"> <a href="http://www.provisaopromotora.com" target="new"><img src="http://www.provisaovendas.com.br/marketing/assinatura/imagens/logo_4x.png" width="145" height="90" style="display:block; width: 100%; max-width: 145px" alt="Provisão Promotora"></a> </td> <td width="355" height="90" style="max-width:355px; max-height:90px; mso-line-height-rule:exactly; line-height:20px"> <font style="font-family:Calibri, Arial; font-size:11px; color:teal; font-weight:bold"> Lucas Souza </font> <font style="font-family:Calibri, Arial; font-size:11px; color:#808080"> &nbsp;- Depto de Marketing </font> <br> <a href="tel:+553125313535"><font style="font-family:Calibri, Arial; font-size:11px; color:#3282ff"> (31) 2531-3535 </font></a> <font style="font-family:Calibri, Arial; font-size:11px; color:#808080"> &nbsp;|&nbsp; </font> <a href="tel:+5531999999999"><font style="font-family:Calibri, Arial; font-size:11px; color:#3282ff"> (31) 99999-9999 </font></a> <font style="font-family:Calibri, Arial; font-size:11px; color:#808080"> &nbsp;(whatsapp) </font> <br> <a href="https://goo.gl/maps/omS9Zt9aQN12" target="new"><font style="font-family:Calibri, Arial; font-size:11px; color:#3282ff"> Av. Afonso Pena, 578 - Sala 702 | Centro - BH </font></a> <br> <a href="mailto:marketing@provisaopromotora.com"><font style="font-family:Calibri, Arial; font-size:11px; color:#3282ff"> marketing@provisaopromotora.com </font></a> <font style="font-family:Calibri, Arial; font-size:11px; color:#808080"> &nbsp;|&nbsp; </font> <a href="http://www.provisaopromotora.com" target="new"><font style="font-family:Calibri, Arial; font-size:11px; color:#3282ff"> Nosso Site </font></a> </td> <td width="100" height="90"> <img src="http://www.provisaovendas.com.br/marketing/assinatura/imagens/qr_code_4x.png" width="100" height="90" style="display:block; width: 100%; max-width: 100px" alt="QR Code"> </td> </tr> <tr> <td colspan="3" width="600" height="40"> <img src="http://www.provisaovendas.com.br/marketing/assinatura/imagens/rodape_4x.png" width="600" height="40" style="display:block; width: 100%; max-width: 600px" alt="Rodapé | Se não aparece nenhuma imagem aqui, configure seu e-mail para baixar imagens!"> </td> </tr> </tbody> </table>
  4. lucas1silva1s

    Ajuda com Lightbox!

    Olá goodeathx O script funcionou no dreamweaver, mas quando passo para o site, só aparece o botão "fechar", e eu já verifiquei os links externos, principalmente o "frame.js" que no caso, eu coloquei o caminho do meu site no "src", mas não aparece nada, será alguma incompatibilidade com o Java?
  5. lucas1silva1s

    Ajuda com Lightbox!

    Olá @Web Programmer! Eu realmente quero bastante que me mande esse anexo! Eu continuo tentando por aqui e ainda não tive nenhum sucesso! Obrigado desde já!
  6. lucas1silva1s

    Ajuda com Lightbox!

    Olá Pessoal! Eu estou fazendo algo que explicadamente falando, é ridiculamente simples, mas na prática me parece que deve ser bem complicado. Seguinte: eu gerei um formulário no Google Forms, e queria colocar ele no site aqui da empresa, mas eu não queria inserir esse código em um lugar estático do site, o que eu quero basicamente, é que quando alguém abrir o site, tenha uma lightbox que abra depois de uns 5 segundos com essa tag que o Google forms me deu! Sabe? É só isso! Mas estou buscando na web sobre lightboxes, e tem muita complicação nisso que talvez não tenha necessidade para o meu caso! Os códigos que eu achei tem que usar até Java! Precisa mesmo? Ah, vale lembrar que se possível, queria que essa lightbox rodasse em dispositivos mobile também.. tem como? Tag do Formulário gerado: "<iframe src="https://docs.google.com/forms/d/1NwTDc6-qnbx2qEPBHcyRGnAa_Z69H2bCnG9bLD1LahI/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Carregando…</iframe>" Vou agradecer MUITO a ajuda para essa questão! Lucas Silva.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.