× Aidez la recherche contre le COVID-19 avec votre ordi ! Rejoignez l'équipe PC Astuces Folding@home
 > Tous les forums > Forum des Webmasters
 Signature e-mail : image SVG et affichage sur mobile
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
Jimm15
  Posté le 30/01/2020 @ 23:52 
Aller en bas de la page 
Petit astucien

Bonjour,

J’ai créé une signature pour mes e-mails professionnels avec une image au format SVG :

<html><body> <div style="min-height: 60px; line-height: 17px; margin: 0; padding: 10px 0; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; color: #3a342c; min-width: 530px;" id="sig"> <img src="https://sendeyo.com/up/d/471cea7f04" style="float: left; padding: 0 10px 0 0;" height="102" width="200"> <strong style="color: #3a342c; font-size:12px;">Jimmy D.</strong><br> <span style="font-size: 12px; color: #666666;">Assistant de gestion locative</span><br> Adresse<br> Tél. 01 XX XX XX XX <br> <a href="mailto:etudecouderc@gmail.com" style="color: #403120; text-decoration: none">xxx@xxx.com</a><br> <a href="http://www.etudecouderc.com" style="color:#0095a2; text-decoration:none;">www.xxx.com</a> </div> </body></html>

J’ai deux problèmes :

  • le logo ne s’affiche pas sur certains clients de messagerie (notamment Gmail) ;
  • l’alignement n’est pas conservé lorsqu’on ouvre les e-mails sur mobile (cf. photo ci-jointe).

Pouvez-vous m’aider, s’il vous plaît ?

Cordialement,
Jimmy

Lien vers une image externe



Modifié par Jimm15 le 31/01/2020 12:27
Publicité
Jimm15
 Posté le 31/01/2020 à 12:28 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

C'est fait, merci Jean-Pierre

Jean-Pierre
 Posté le 31/01/2020 à 18:16 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Déjà je dirais que ton format d'image .svg doit flanquer le boxon

Faudrait mettre ça sous .gif et tester.

A moins que ce format .svg soit requis...

JP


Edit :

Regarde si ça va mieux :

<html>
<body>
<div style="min-height: 60px; line-height: 17px; margin: 0; padding: 10px 0; font-family: Lucida Grande, Verdana,Arial, Sans-Serif; font-size:11px; color:#3a342c; min-width: 530px; id= sig">
<img src="https://sendeyo.com/up/d/471cea7f04" style="float: left; padding: 0 10px 0 0; height= 102px width= 200px" />
<strong style="color: #3a342c; font-size:12px;">Jimmy D.</strong><br />
<span style="font-size: 12px; color: #666666;">Assistant de gestion locative</span>
<br /> Adresse<br /> Tél. 01 XX XX XX XX <br />
<a href="mailto:etudecouderc@gmail.com" style="color: #403120; text-decoration: none">xxx@xxx.com</a><br />
<a href="http://www.etudecouderc.com style="color:#0095a2; text-decoration:none;">www.xxx.com</a>
</div>
</body>
</html>



Modifié par Jean-Pierre le 31/01/2020 18:45
Jimm15
 Posté le 31/01/2020 à 21:20 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

Bonsoir,

J'ai réussi à résoudre le problème d'alignement en créant un tableau.

Pour l'affichage du logo, je l'ai converti au format .png et j'ai encodé l'image en base64.

Désormais :

  • le logo ne s'affiche pas sur Gmail et Hotmail (autres webmails non testés) et difficilement sur les autres clients ; sur Gmail, c'est le code de l'image (infiniment long) qui s'affiche à la place ;
  • sur l'application Email de Samsung, le logo et le texte sont trop petits.

Merci de votre aide.



Modifié par Jimm15 le 31/01/2020 21:21
Jean-Pierre
 Posté le 31/01/2020 à 21:31 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

1 : que donnait mon code ?

2 : qu'est-ce que ça donne en gif ?

3 : pourquoi chercher un "format spécial" pour l'image ?

4 : un tableau c'est beurkkkk

zoulouman
 Posté le 03/02/2020 à 22:00 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Le SVG n'est pas l'idéal, vu qu'il n'a pas de dimensions par défaut. C'est son avantage, on peut l'agrandir 300 fois, on ne verra aucun pixel.
Pour utiliser le SVG comme tu le fais, il faut le coincer dans une DIV qui a des dimensions bien définies.

Jean-Pierre
 Posté le 03/02/2020 à 22:42 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

De toute façon : eau de boudin ?

zoulouman
 Posté le 03/02/2020 à 22:49 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Machin Jimm n'est pas réapparu depuis le 31 janvier, alors ma foi, ça va faire comme d'hab...

Jean-Pierre
 Posté le 04/02/2020 à 11:45 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour poster des messages. Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !


Les bons plans du moment PC Astuces

Tous les Bons Plans
16,24 €Clé USB 3.0 Kingston DataTraveler 100 G3 128 Go à 16,24 €
Valable jusqu'au 15 Août

Amazon propose la clé USB 3.0 Kingston DataTraveler 100 G3 128 Go à 16,24 €. Sa fermeture coulissante vous permettra de protéger le connecteur USB 3.0 (compatible USB 2.0). La livraison est gratuite.


> Voir l'offre
30,90 €Microsoft Office 2019 Professional Plus à 30,90 €
Valable jusqu'au 14 Août

Le vendeur sérieux LicenSE-ONline propose sur Amazon la clé d'activation légale pour Microsoft Office Professionnel 2019 Plus en français à 30,90 €. Cette clé livrée par email vous permettra d'activer Microsoft Office Professionnel 2019 Plus légalement et vous permettra ainsi d'utiliser autant de temps que vous voulez (il s'agit de la version complète et pas d'un abonnement) Word,Excel, PowerPoint, OneNote, Outlook, Publisher et Access 2019 sur un PC. La clé sera à activer sur Office.com où vous pourrez ensuite télécharger toute la suite bureautique. Pour mémoire, Microsoft Office Professionnel 2019 nécessite Windows 10. Sous Windows 7 ou 8, vous devrez vous tourner vers la version 2016. Pour plus d'info sur la procédure, n'hésitez pas à jeter un oeil à notre dossier pratique Acheter une clé OEM d'Office 2019 et l'installer.


> Voir l'offre
249,99 €Ecran 27 pouces LG Ultragear 27GL63T (FullHD IPS, 144 Hz, 1ms, FreeSync/Gsync compatible) à 249,99 €
Valable jusqu'au 13 Août

Amazon fait une promotion sur l'écran LG Ultragear 27GL83A-B qui passe à 399,99 € au lieu de 445 € ailleurs. Cet écran possède une dalle 27 pouces WQHD (2560x1440) à 144 Hz, un temps de réponse de 1 ms. Il est compatible Nvidia G-SYNC et Adaptive Sync


> Voir l'offre

Sujets relatifs
Probleme d'affichage d'image sur mon site
Affichage sur smartphone
Affichage bannières pub bloqueur sur mon site p3x
un logo s'affiche si je clic sur l'image
Info-bulle au passage de la souris sur une image-lien ?
Image sur téléphone
ajout d'image sur fb par répétition
Affichage 4:3 sur toutes résolutions
Faire un lien sur une image
Afficher image sur lien
Plus de sujets relatifs à Signature e-mail : image SVG et affichage sur mobile
 > Tous les forums > Forum Forum des Webmasters