Je débute dans le HTML, a vrai dire, ca ne fait que depuis ce matin que je sais ce que c'est, et je suis en train d'essayer de faire une signature mail. J'arrive a quasi tout faire mais j'ai un soucis de mise en page. Sur Mac et Mail, je n'ai aucun soucis mais quand je passe sur Windows et Outlook, j'ai un problème avec une image. J'aimerai que le texte soit a droite de mon image et tout le long de l'image. Voilà ce que ça donne quand j'y arrive sur Mac :
Mais dès que j'essaye avec Outlook et Windows, j'arrive à ça :
Merci beaucoup pour ton aide C'est possible de réduire les espaces entre chaque ligne ? Pour donner vraiment la même mise en page que la première photo ?
J'avais aussi vu ici : http://is.gd/K5k40X ...Que pour Outlook il y a des balises qui ne marchent pas comme les float, etc. Puis là aussi il y a beaucoup d'infos : http://is.gd/7Qc46o et je remarque que Outlook ne prend pas grand chose en compte. Ca peut t'aider ?
J'ai réussi à remettre en page comme je le souhaitais en enlevant des <p> et en rajoutant des <br> mais je ne sais pas si c'est très catholique comme méthode. Ca al'air de marcher en tout cas.
J'ai aussi modifié le lien de la photo du bas et enlevé quelques informations inutiles comme la fonction et l'adresse mail "info", j'ai ajouté tout au dessus un texte qui se mettra a la fin des mails, ajouté des espaces entre les logos FB et les textes (bien que les espaces soient soulignés...). J'ai aussi modifié de 1px la taille de 2 polices et j'ai remplacé le "blue" des liens Facebook par le vrai bleu Facebook (#455f9e)
- Edité par LucasHotters 3 février 2015 à 11:16:10
J'ai essayé sur Outlook et il y a du progrès mais c'est toujours pas top ! Voilà ce que ça donne (désolé pour la qualité photo mais sous Windows je ne sais pas ou vont se ranger les screens quand on pousse sur la touche printscreen)
Donc maintenant il faut essayer de mettre l'image de gauche tout en haut et la grande image tout en bas ! Des idées ?
Les logos Facebook sont tout moches tout écrasés aussi m'enfin ça c'est un détail.
Je te suggère de vraiment travailler ton indentation, car ainsi tu te rendras compte d'une grosse erreur : td ne peut être enfant que de tr, jamais d'un autre td directement. Et tr doit avoir comme parent table, thead, tbody ou tfoot suivant les besoins en sémantique du contenu.
Cette erreur est probablement à l'origine du rendu incorrect que tu as.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Je crois que déjà, simplement remplacer le tout premier td (et donc la toute dernière fermeture de td) par un tr, comme tu l'as dit, aura un bon effet.
(dommage de devoir commencer le html par une signature mail, et donc une mise en page en tableau... nécessaire pour les e-mails, mais il te faudra oublier tout ça si tu te mets à faire des sites web )
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Enlève le float des images du logo Facebook, par défaut elles s'alignent dans le texte. Et mets aussi un height cohérent, je doute qu'elles fassent 14px de hauteur. En fait, mets dans les attributs height et width respectivement les véritables hauteur et largeur de ton petit logo.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
J'ai enlevé le float et le padding des petites icones FB, j'ia vu que Outlook ne les prenait pas en charge de toute façon... Tant pis pour l'espace entre les logos et le texte. Limite je rajouterai un devant le texte mais l'espace sera souligné en bleu. Enfin pas trop grave.Donc là c'est bon mes logos sont comme ils devraient être en 14x14 (l'original c'est du 20x20 et j'aimerai qu'ils soient à la taille du texte donc en 14x14 ça a l'air d'aller).
Là ou je rencontre encore quelques soucis, c'est avec les espaces et les lignes. J'utilise des <p></p> vides ou des <br> mais je n'arrive pas a faire ce que je souhaite ! Il y a des autres balises que je pourrai utiliser ?
"l'original c'est du 20x20 et j'aimerai qu'ils soient à la taille du texte donc en 14x14 ça a l'air d'aller" N'oublie pas de redimensionner tes images dans ton logiciel préféré, afin de fournir un fichier de la bonne taille (en octets cette fois).
Pour les espaces... ben on est censé faire avec des marges, dans le css. Tu peux essayer de mettre un margin-bottom sur l'élément au-dessus de celui que tu veux éloigner (ou margin-top sur icelui).
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Sujet très ancien, mais avais tu trouvé une solution pour que les liens ne soient pas soulignés sur outlook?
les text-decoration: none; en inline ne changent rien!
Problème de mise en page - HTML - Signature Mail
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)