Conseil compatibilité signature HTML

**Jibego** · 07/11/2012, 17h40

Bonjour,

Je viens de finir ma signature HTML et je me suis rendu compte encore une fois que sur Hotmail, tout pète...

Le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
	<body>
		<div id="signature-jb" style="margin-top: 10px; padding-left:30px; line-height: 20px;">
			<img src="http://www.jibego.com/documents/signature/logo.png" style="float:left; margin: 4px 5px 0px 0px; ">
            <div style="font-family:'Lucida Sans Unicode', Lucida Grande, sans-serif; margin-top:5px;">
				<p style="font-family:'Lucida Sans Unicode', Lucida Grande, sans-serif; color:#852baf; font-size: 14px; margin:0; font-weight: normal;">Jean-Baptiste GODARD</p>
                <p style="color:#f66160; font-size: 12px; margin:0 0 8px 0; font-weight: normal;">Infographiste &amp; Webdesigner</p>
				<div id="coordonnees" style="padding:5px 0; border-top:1px dotted #d5d5d5; width:284px; margin:8px 0 0 208px;">
					<p style="color: #5f5f5f; font-size: 11px; margin: 3px 30px 0px 0px; float: left;">
						<span style="color: #9827b7;">T&eacute;l : </span>+33(0)6.31.36.55.28</br>
						<span style="color: #9827b7;">Web : </span><a href="http://www.jibego.com">www.jibego.com</a>
					</p>
					<a href="mailto:janbaptiste-godard@orange.fr"><img src="http://www.jibego.com/documents/signature/icone-mail.png" style="display:inline;"></a>
					<a href="http://www.jibego.com/documents/cv.pdf"><img src="http://www.jibego.com/documents/signature/icone-cv.png" style="display:inline;"></a>
					<a href="http://fr.linkedin.com/in/jibego"><img src="http://www.jibego.com/documents/signature/icone-linkedin.png" style="display:inline;"></a>
				</div>
            </div>
        </div>
	</body>
</html>

Enfaite, il me remplace tous mes padding et margin avec la feuille de style de Hotmail. Est-ce que vous pensez qu'avec un tableau ça passerait mieux ?

Merci

**XxArchangexX** · 07/11/2012, 20h53

Bonjour,

Les webmail ou client lourd n'aiment pas trop le css

. Oui un tableau serait déjà plus stable mais en voyant les styles, je pense que tu peux avoir des soucis de compatibilité, par exemple il me semble que margin n'est pas interprété sur gmail.

Pour tes images en bas utilise "border=0" aussi, sur ie les images en balise <a> sont entourées d'un cadre bleu.

**Jibego** · 07/11/2012, 21h08

Je n'ai eu aucun soucis sur Gmail, le problème vient de hotmail qui rajoute des styles sur mes éléments à partir de sélecteurs CSS généralisés.

Je vais tester avec un tableau pour voir.

Conseil compatibilité signature HTML

Webdesign & Ergonomie

Vue hybride

Discussions similaires

Partager

Partager