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