× 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
199 €Kit 5.1 Logitech Speaker System Z906 à 199 €
Valable jusqu'au 28 Novembre

Amazon fait une promotion sur le kit 5.1 Logitech Speaker System Z906 qui passe à 199 € livré gratuitement alors qu'on le trouve ailleurs à partir de 250 €. Avec une puissance de diffusion de 500 watts (RMS), ce système 5.1 certifié THX produit un son de qualité cinéma. Profitez d'un contrôle total sur votre système multimédia grâce à ses entrées numériques et analogiques, un pupitre de commande facile à lire et empilable et une télécommande sans fil.


> Voir l'offre
599,99 €PC portable 17 pouces Lenovo (Core i5, 8 Go de RAM, SSD 512 Go, GeForce GTX 1650) à 599,99 €
Valable jusqu'au 29 Novembre

Fnac fait une vente flash sur le PC portable 17 pouces Lenovo Ideapad L340-17IRH qui passe à 599,99 € alors qu'on le trouve ailleurs autour de 799 €. Ce portable dispose d'un écran de 17 pouces FullHD (1920x1080), d'un processeur Intel Core i5 9300H, de 8 Go de RAM, d'un SSD de 512 Go, d'une carte graphique dédiée NVIDIA GeForce GTX 1650 4 Go, du WiFi et du Bluetooth. Le tout tourne sous Windows 10.


> Voir l'offre
20,71 €Ecouteurs intra-auriculaires Aukey EP-T21 bluetooth à 20,71 €
Valable jusqu'au 27 Novembre

Amazon fait une vente flash sur les écouteurs sans fil intra-auriculaires Aukey EP-T21 bluetooth qui passent à 20,71 € au lieu de 36 € ailleurs. Ces écouteurs sont discrets, légers, tiennent bien dans l'oreille et offrent une autonomie de 5h environ. Un micro est intégré. 3 modèles de protège-oreilles sont fournis s'adapter parfaitement à vos oreilles et à vos activités : vous pouvez tout à fait courir avec. Ils sont accompagnés de leur boitier de charge sans fil qui vous offre 4 charges supplémentaires, soit 25 heures de lecture au total. Une très bonne affaire ! L'offre est limitée, ne tardez pas.


> 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