Jump to content

Logo email no aparece en aplicacion Outlook


BorjaJA

Recommended Posts

Buenos días,

A ver si alguien me puede ayudar con esto,

 

He editado la plantilla de emails y en todos los sitios aparece correctamente, excepto en la aplicación del ordenador de Outlook. (Si entro a outlook desde el navegador también se ve correctamente).

El problema es que no se ve el logo. Solo se ve una raya  blanca a la izquierda (cuando debería estar centrado).

 

Así es como se ve en la aplicación de outlook:

image.thumb.png.1eee373c9db772d264bffbb37a35595f.png

 

Así en el resto de sitios:

image.png.f0d6b24b8da4b7cc6b13a5f2c271c500.png

 

 

Adjunto el código que utilizo para mostrar la imagen:

<div class="mj-column-per-100 outlook-group-fix" style="font-size: 13px; text-align: left; direction: ltr; display: inline-block; vertical-align: top; width: 100%;" align="left" width="100%">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; vertical-align: top;" width="100%">
<tbody>
<tr>
<td align="left" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 10px 25px; word-break: break-word;">
<table border="0" cellpadding="0" cellspacing="0px" role="presentation" style="mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-collapse: collapse; border-spacing: 0px; margin:auto">
<tbody>
  <tr>
<td style="border-collapse: collapse; mso-table-lspace: 0pt;mso-table-rspace: 0pt; background: url(https://www.miweb.es/img/miweb-logo_mail-1593942157.jpg) 0px;padding: 0;height: 60px;width: 230px;background-size: cover;" width="150" ></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>

Agradezco cualquier ayuda!

Link to comment
Share on other sites

Mismo problema con la separación de imagenes,

En aplicación outlook:

image.thumb.png.4b5ae8d912c5e2061597a16c8031ee53.png

En el resto de sitios aparece correctamente:

image.png.20acffff0de4d90178bf40912b95f10d.png

 

El código es el siguiente:

<tr>
<td align="center" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-size: 0px; padding: 5px 25px 15px 25px; word-break: break-word;">
<a href="https://www.instagram.com/" target="_blank" style="color: #25b9d7; text-decoration: underline; font-weight: 600;"> <img height="auto" src="https://www.miweb.es/img/Instagram-icon.png" style=" width: 30px; margin: 0 3px; " width="30px" border="0" /></a>
<a href="https://www.facebook.com/" target="_blank" style="color: #25b9d7; text-decoration: underline; font-weight: 600;"> <img height="auto" src="https://www.miweb.es/img/Facebook-icon.png" style=" width: 30px; margin: 0 3px; " width="30px" border="0" /></a>
<a href="https://www.linkedin.com/" target="_blank" style="color: #25b9d7; text-decoration: underline; font-weight: 600;"> <img height="auto" src="https://www.miweb.es/img/Linkedin-icon.png" style=" width: 30px; margin: 0 3px; " width="30px" border="0" /></a>
<a href="https://twitter.com/" target="_blank" style="color: #25b9d7; text-decoration: underline; font-weight: 600;"> <img height="auto" src="https://www.miweb.es/img/Twitter-icon.png" style=" width: 30px; margin: 0 3px; " width="30px" border="0" /></a>
</td>
</tr>

Gracias!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...