Problème espace vide signature mail HTML
TwistProject -
Bonjour la team, j’ai un petit souci d’affichage lorsque j’intègre ma signature mail HTML dans les applications outlook et gmail. J’ai l’impression que ma signature est découpée au lieu d’être en un seul bloc. Selon le moteur de recherche et l’application utilisée, le bug est visible ou non. Par exemple sur l’application spark, thunderbird, mail Apple, aucuns problèmes d’affichage. Tout apparaît en un seul bloc) .
Il y a certainement une erreur dans le code ou une mauvaise écriture dans le code. J'ai besoin de votre aide. Mon code a été généré automatiquement depuis l'application Photophop. Je ne comprends pas vraiment ce langage.
Voici le code HTML
<html>
<head>
<title>Signature mail WYC T</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Signature mail WYC T.psd) -->
<table id="Tableau_01" width="600" height="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3">
<a href="mailto:***@***" target="_blank">
<img src="https://yes-wecom.fr/wp-content/uploads/2023/03/Mail-1-1-900x914.png" width="197" height="200" border="0" alt=""></a></td>
<td>
<a href="tel:+33670966417" target="_blank">
<img src="https://yes-wecom.fr/wp-content/uploads/2023/03/Tel-1-900x468.png" width="244" height="127" border="0" alt=""></a></td>
<td colspan="3">
<a href="https://yes-wecom.fr" target="_blank">
<img src="https://yes-wecom.fr/wp-content/uploads/2023/03/Site-2-1-900x716.png" width="159" height="127" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="mailto:***@***" target="_blank">
<img src="https://yes-wecom.fr/wp-content/uploads/2023/03/Mail-2-1-900x117.png" width="244" height="31" border="0" alt=""></a></td>
<td colspan="3">
<a href="https://www.instagram.com/yeswecom_/" target="_blank">
<img src="https://yes-wecom.fr/wp-content/uploads/2023/03/Insta-1-1-900x179.png" width="159" height="31" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="https://yes-wecom.fr" target="_blank">
<img src="https://yes-wecom.fr/wp-content/uploads/2023/03/SIite-1-900x154.png" width="244" height="42" border="0" alt=""></a></td>
<td>
<a href="https://www.instagram.com/yeswecom_/" target="_blank">
<img src="https://yes-wecom.fr/wp-content/uploads/2023/03/Insta-2-1-900x538.png" width="69" height="42" border="0" alt=""></a></td>
<td>
<a href="https://www.facebook.com/yeswecom.fr/" target="_blank">
<img src="https://yes-wecom.fr/wp-content/uploads/2023/03/Facebook-1.png" width="32" height="42" border="0" alt=""></a></td>
<td>
<a href="https://www.linkedin.com/company/yes-wecom/" target="_blank">
<img src="https://yes-wecom.fr/wp-content/uploads/2023/03/Linkedin-1.png" width="58" height="42" border="0" alt=""></a></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
- Problème espace vide signature mail HTML
- Espace insécable - Guide
- Signature électronique word - Guide
- Espace de stockage gmail plein - Guide
- Supprimer page word vide - Guide
- Editeur html - Télécharger - HTML
2 réponses
Pourquoi vouloir faire compliqué quand on peu faire simple ??
Tu essaies d'intégrer " tout " ce code comme simple partie d'un courriel ?
Photoshop n'a jamais été connu pour générer du code html correct ...
beaucoup plus simple ( SI vraiment ):
- créer une ' image ' complète avec tout ce que tu veux que l'on voit et lui attribuer une simple balise html ... pour la lier avec ... ??? ( en tout cas, niveau code et complexité, il n'y aurait aucune comparaison ) si c'est avec ton adresse mail, normalement elle est déjà présente dans le courriel sauf si c'est quelqu'un d'autre qui s'en sert ...
:)
exemple : https://answers.microsoft.com/fr-fr/outlook_com/forum/all/image-cliquable-dans-signature-outlook/7ce42c44-0a55-40ef-a3b6-02fde69ec1e6
il est de plus fort mal vu de se servir de liens externes pointant vers des sites, qui peuvent indisponibles ou de ce fait ralentis ....
Merci pour ta réponse, cependant il n'y a pas qu'une seule imagine clicable dans la signature. Chaque partie de la signature fait référence à une requête particulière (envoyer un mail, appeler, renvoyer vers un site, vers les réseaux sociaux.. etc été) du coup il faut bien que mon image sont divisé en plusieurs pour permettre plusieurs lien différent en fonction de la ou on clique ?
merci pour ce retour
