Bon, alors ma newsletter est ok, par contre, j'aurais un petit conseil (dimensions) a obtenir sur cette newsletter.
Je compte la mettre en phase test dans une nouvelle application sur la page Facebook.
Cependant sur facebook, la taille du document ne doit pas dépasser 520 px de large, or, si j'ai bien compris le code de ma page actuelle, il y est écrit 100% pour hauteur et largeur.
Est-ce exact? Et dans ce cas, dois-je uniquement modifier cette valeur pour rendre le document conforme à Facebook?
Et si ce n'est pas ça, que dois-je apporter comme modifs?
Je joint la page pour que vous compreniez mieux ses valeurs:
Code:- Code: Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Newsletter Oxhwave</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" bgcolor="#f2f2f2">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f2f2f2">
<tr>
<td valign="top" align="center">
<table width="551" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="padding:10px 0 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888888;">
Images not displaying properly? Add <a href="mailto:ch.ruelle@yahoo.fr" style="color:#545454;">ch.ruelle@yahoo.fr</a> to your address book now<br>
or <a href="[SHOWEMAIL]" style="color:#545454;">view the online version here</a>.
</td>
</tr>
<tr>
<td align="left" bgcolor="#ffffff" style="border:1px solid #9c9c9c; padding:5px;">
<div style="border:7px solid #424242;">
<table width="525" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding:25px 20px 20px 20px;">
<table width="485" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://dl.dropbox.com/u/5497711/ban.jpg" alt="OXHWAVE.COM" width="500" height="120"></td>
<td align="right" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:18px; color:082c4b;">Le 22 12 2011</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div style="border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; padding-bottom:3px; padding-top:3px;">
<div style="background-color:#424242;">
<table height="39" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border-right:1px solid #797979; padding:0 20px 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:11px;"><a href="http://www.oxhwave.com/bienvenue/contact.html" style="color:#e4e4e4;">Je m'abonne</a></td>
<td style="border-right:1px solid #797979; padding:0 20px 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:11px;"><a href="http://www.oxhwave.com/bienvenue/contact.html" style="color:#e4e4e4;">Je me désabonne</a></td>
<td style="border-right:1px solid #797979; padding:0 20px 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:11px;"><a href="[FORWARD]" style="color:#e4e4e4;">envoyer à un ami</a></td>
<td> </td>
</tr>
</table>
</div>
</div>
</td>
</tr>
<tr>
<td>
<table width="585" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border-bottom:1px solid #d6d6d6; padding-bottom:3px;">
<table width="585" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding:1px 1px 0 1px;" valign="top"><img src="http://dl.dropbox.com/u/5497711/pixnews.jpg" width="335" height="269" alt=""></td>
<td width="188" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding:20px 20px 0 20px; line-height:17px;" valign="top" bgcolor="#f6f6f6">
<p style="font-size:13px; margin:0 0 8px 0; color:082c4b;"><b>Bienvenue sur la première Newsletter de Oxhwave</b></p>
<p style="margin:0 0 20px 0;">
Susciter les bonnes cohésions, le partage et la coopération...
Pour que les salariés soient fiers de porter et valoriser les couleurs de l’entreprise.
Parce que vous dirigeant, vous avez un MESSAGE à faire passer
Découvrez le challenge Oxhwave....
</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; padding:20px; line-height:20px;">
<p style="margin:0 0 10px 0; font-size:18px; color:#0165ab;"><a href="http://www.oxhwave.com" style="color:#0165ab;">Le challenge à vos couleurs...</a></p>
<p style="margin:0 0 15px 0;">
Donnez la possibilité à vos salariés de s’exprimer en équipe !
Créez une nouvelle dynamique pour votre entreprise.
Une nouvelle façon de motiver vos collaborateurs !
Intégrez le premier championnat du genre
et inscrivez-vos équipes dans un programme de team building différent!
Oxhwave, ce sont des programmes adaptés pour tous et pour répondre à tous les objectifs !
Le Championnat, c'est la référence, l'assurance et la fierté pour les salariés de faire partie d'une équipe
au sein du groupe ou de l'entreprise !
Le déroulement s'effectue en journée (ou 1/2 journée) et en équipe de 4 (2 hommes, 2 femmes).
Chacune des équipes passent sur un plateau constitué de 6 épreuves.
Les points sont alors capitalisés pour définir les vraies forces et la valeur de l'équipe.
Les meilleures équipes pourront porter les couleurs et représenter l'entreprise
et l'ensemble des salariés dans le championnat inter-entreprises !
Suscitez un nouvel intérêt,
le plaisir et la fierté pour votre entreprise.
</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="border-top:1px solid #d6d6d6; background-color:#f6f6f6; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:17px; padding:15px 0 15px 20px;">
<b>Oxhwave, le coaching urbain...</b><br>
adresse et tél<br>
<a href="mailto:cr.ruelle@yahoo.fr" style="color:#4089bb;">contact (par mail)</a><br>
<a href="http://www.oxhwave.com" style="color:#4089bb;">oxhwave.com</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td align="left" style="padding:20px 0 10px 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888888;">
<br>
Si vous ne souhaitez plus recevoir notre newsletter<a href="[UNSUBSCRIBE]" style="color:#545454;"> desinscrivez-vous</a>.
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
En espérant trouver la solution car nous avons 1373 fans sur la page Facebook, ça devrait largement augmenter d'ici peu avec nos partenaires, donc, l'idée de mettre la newsletter directement sur Facebook en Janvier me semble pas mal, on verra les retombées!
Merci d'avance pour les réponses qui viendront, et joyeux Noël à tous ceux que je n'aurai pas l'occasion de croiser ce vendredi!
Mangez bien, buvez bien, et puis tout ce qui va avec!