HTML - Mi firma de deforma al ingresarla a Outlook

 
Vista:

Mi firma de deforma al ingresarla a Outlook

Publicado por Ilse Marquez (1 intervención) el 14/02/2018 13:51:21
Hola buenos días,

El día de ayer me puse a hacer una firma, de la cual tome una plantilla de internet, después de finalizar la abre en el explorador y se ve en perfectas condiciones y alineada, pero al momento de ingresarla a firmas outlook, esta sufre una deformación

Adjunto el código html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Firma online JM 5</title>
</head>
 
<p style="font-family: Calibri, sans-serif; font-size: 12px; line-height: 7px; margin-bottom: 10px;">
    <a style="text-decoration:none" href="http://www.asecsolutions.com.mx/" target="_blank" class="clink logo-container">
        <img src="logo ok.png" alt="banner logo firma mail Joan Morci" title="Acces web ASEC SOLUTIONS" border="0" class="sig-logo" height="90" width="210" align="left" valign="top" hspace="15">
    </a>
  </p>
  <p style="font-family: Calibri, sans-serif; font-size: 20px; line-height: 10px; color: rgb(33, 33, 33); margin-bottom: 10px;"><span style="font-weight: bold; color: rgb(33, 33, 33); display: inline;" class="txt signature_companyname-target sig-hide">Alejandro Cepeda</span>
    <span class="title-sep sep" style="display: inline;">
	<p style="font-family: Calibri, sans-serif; font-size: 14px; line-height: 3px; margin-bottom: 2px;">
	<span class="email-sep break" style="display: inline;"><br></span>
	</span> <span style="color: rgb(33, 33, 33); display: inline;" class="txt signature_jobtitle-target sig-hide">Managing Director</span>
    <span class="email-sep break" style="display: inline;"><br></span>
	<p style="font-family: Calibri, sans-serif; font-size: 12px; line-height: 3px; margin-bottom: 3px;">
    <a class="link email signature_email-target sig-hide" href="mailto:acepeda@asecsolutions.com.mx" target="_blank" style="color: rgb(71, 124, 204); text-decoration: none; display: inline;">acepeda@asecsolutions.com.mx</a><span style="color: #212121;" class="txt signature_mobilephone-target sig-hide"></span></p>
    <p style="font-family: Calibri, sans-serif; font-size: 12px; line-height: 8px; margin-bottom: 5px;">
       <span class="company-sep break" style="display: inline;"><br></span>
       <span style="color: rgb(33, 33, 33); display: inline;" class="txt signature_officephone-target sig-hide"> <span style="font-weight: bold; color: rgb(9, 24, 163); display: inline">M:</span> +521 614 160 4110</span>
     <p style="font-family: Calibri, sans-serif; font-size: 12px; line-height: 1px; margin-bottom: 5px;">
      <span class="address-sep break" style="display: inline;"><br></span> <span style="color: rgb(33, 33, 33); display: inline;margin-bottom: 10px;"> <span style="font-weight: bold; color: rgb(9, 24, 163); display: inline">A:</span> C.36 #1814, Col. Santa Rita</span>
      <span class="address2-sep break"></span>
	 <p style="font-family: Calibri, sans-serif; font-size: 14px; line-height: 5px; margin-bottom: 10px;">
      <span class="website-sep break" style="display: inline;"><br></span>
      <a class="link signature_website-target sig-hide" href="http://asecsolutions.com.mx/" target="_blank" style="color: rgb(71, 124, 204); text-decoration: none; display: inline;">www.asecsolutions.com.mx</a>
  </p>
  <p class="social-list" style="font-size: 0px; line-height: 0; font-family: Calibri, sans-serif;">
    <a style="text-decoration: none; display: inline;" class="social signature_linkedin-target sig-hide" href="https://www.linkedin.com/company/asec-solutions/" target="_blank"><img width="32" style="margin-bottom:2px; border:none; display:inline;" height="32" data-filename="linkedin_n.png" src="http://joanmorci.com/wp-content/uploads/2015/12/linkedin_n.png" alt="LinkedIn" title="View ASEC Solutions Profile on LinkedIn"></a><span style="white-space:nowrap;" class="signature_linkedin_n-sep"><img src="http://joanmorci.com/wp-content/uploads/2015/12/spacer.gif" width="2"></span>
    <a style="text-decoration: none; display: inline;" class="social signature_email-target sig-hide" href="mailto:contact@asecsolutions.com.mx" target="_blank"><img width="32" style="margin-bottom:2px; border:none; display:inline;" height="32" data-filename="email_n.png" src="http://joanmorci.com/wp-content/uploads/2015/12/email_n.png" alt="Email" title="Send e-mail to: contact@asecsolutions.com.mx"></a><span style="white-space:nowrap;" class="signature_email_n-sep"><img src="http://joanmorci.com/wp-content/uploads/2015/12/spacer.gif" width="2"></span>
 
</p>
 
    <p class="banner-container" style="font-family: Calibri, sans-serif; font-size: 12px; line-height: 14px; margin-bottom: 10px;">
          <a href="http://www.asecsolutions.com.mx/services.html" target="_blank" class="clink banner-container">
            <img src="http://joanmorci.com/wp-content/uploads/2015/12/banner-firma-mail_joan-morci.jpg" alt="banner publicidad" title="Services ASEC SOLUTIONS" border="0" class="sig-banner" height="36" width="299">
          </a>
    </p>
 
 
  <p style="font-family: Calibri, sans-serif; color: #689804; font-size: 10px; line-height: 12px;"><img src="http://joanmorci.com/wp-content/uploads/2015/12/ico-eco.gif" alt="eco" width="14" height="14" align="absmiddle" />Do not print me if it´s not necessary. Protect the environment</font></p>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder