Problème espace vide signature mail HTML

Fermé
TwistProject - 23 mars 2023 à 17:08
 TwistProject - 24 mars 2023 à 09:33

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>

Le problème en question
A voir également:

2 réponses

bg62 Messages postés 23640 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 2 septembre 2024 2 381
23 mars 2023 à 19:24

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 ....


0
TwistProject
24 mars 2023 à 09:33

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 

0