Bonjour, je viens tout juste de débuter le html et css et j'ai donc deja un problème je souhaite crée une signature mais celle ci ne s'affiche jamais correctement selon les boites mail.. mais lorsque je l'ouvre dans une page web celle-ci s'affiche correctement.

Je ne trouve pas l'erreur dans le code pourriez vous m'aider svp?

voici le code ..

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">

<title>Titre du document</title>
</head>

<body>
<div style="border: 1px solid silver; height: 165px; width: 400px;">
<div id="left">
<h1 align="left" style="font-family:Calibri; font-size: 18px; margin-left:5px; margin-top:11px;">Kelly Chu</h1>
</div>
<div>
<h2 style="font-family:Calibri; font-size:17px; margin-left:5px; color: grey; margin-top:2px;">Chargée de Marketing</h2>
</div>
<div>
<a href="http://www.sipa.com/">
<img style=" width: 69px; height: 32px; margin-left: 274px; margin-bottom:45px; margin-top: -75px; alt="Sipa"

src="http://www.sipaview.com/Images_Newsletter/sipa%202.jpg"></a>

</div>
<div
<h9 style="font-family:Calibri; font-size:11px; margin-left:235px; font-weight: bold; color: black; margin-top:-40px; margin-bottom:0px;padding-top:px;">Agence de Press Internationale</h9>
</div>

<div>

<a href="http://www.sipa.com/" style="; margin-top:0px; margin-bottom:0px; margin-left:271px; font-size:12px;">www.sipa.com</a>
</div>
<div>
<h10 style="font-family:Calibri; font-size:12px; margin-left:216px; color: grey; margin-bottom:50px; margin-top:25px;">101 bd Murat 75016 Paris - France</h10>
</div>
<div>
<a href="http://www.facebook.com/SipaPress" style="; margin-left:230px; font-size: 12px; font-family: Calibri;">Rejoignez-nous aussi sur</a>
<img style= margin-bottom:0px; margin-top=-15px; margin-left:150px; margin-right:5px; vspace:3px;
" alt="FB" src="http://www.sipaview.com/Images_Newsletter/FB.jpg" style="height:20px;" width="20px;" vspace:="4; margin-top:-5px; margin-bottom:150px; "></a>
</div>
<div>
<hr width="55%" height="0px"; color="grey" ; size='-2px'; style='margin-top: -67px;' style='margin-bottom: 0px;' style='margin-left: -20px;'style='padding-left: 4px;' align="left" style='float-left' >
</div>

<div>
<h3 style="font-family: Calibri; font-size: 14px; margin-left:5px; margin-top:5px"</a> +33 (0) 1 47 43 47 29</h3>
</div>
<div>
<h4 style="font-family: Calibri; font-size:9px; color: grey; margin-bottom:-48px; margin-top: 62px; margin-left: 23px; padding-top:4px;">Sipa : Groupe d'agences de presse couvrant photos et éditoralisation de sites web et mobile</h4>
</div>

<div>
<h3 style="margin-top:-3px; font-size:14px; margin-left:5px;"><a href="mailto:kelly@sipa.com">kelly@sipa.com</h3>
</div>
<div>
<hr width="100%" height="1px; color="grey" size="0" style='margin-top: 4px;' style='margin-bottom: -2px;' style='margin-left: -7px;' align="left">
</div>
</div>
Administrateur
Bonjour et bienvenue, Smiley smile

les mails sont une bien mauvaise manière de commencer à apprendre HTML et CSS : c'est l'enfer, 10 ans en arrière, pour ceux qui connaissent et savent les utiliser il faut oublier toutes les bonnes pratiques et la moitié de ce qu'on sait, etc Smiley sweatdrop

Sinon connais-tu http://www.campaignmonitor.com/css/ qui t'indiquera au moins si ça a une chance de fonctionner ?
Modifié par Felipe (29 Aug 2012 - 14:28)
Non je ne connais pas je te remercie je vais faire un tour sur le site pour voir si cela peut fonctionner . Smiley smile