Voilà le début de ma page. Il s'agit en réalité d'une newsletter d'ou l'utilisation de frame.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5//EN"
"http://www.w3.org/TR/html5/html5.dtd"
>
<html lang="en">
<head>
<title><!-- Insert your title here --></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table class="bodytbl" width="100%" cellspacing="0" cellpadding="0" style="margin:0;padding:0;width:100% !important;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;background-color:#FAFAFA;color:#787878;-webkit-text-size-adjust:none;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0">
<td align="center" style="border-collapse:collapse;padding:0"> <table width="600" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr height="20" style="padding:0">
<td align="left" valign="bottom" style="border-collapse:collapse;padding:0"> <div class="preheader" style="color:#787878;line-height:0px;font-size:0px;height:0px;display:none !important;visibility:hidden;text-indent:-9999px">Layout_newsle_welcome</div> <div class="small" style="color:#787878;line-height:20px">
<div style="color:#787878;line-height:15px;font-size:10px;text-transform:uppercase;word-spacing:-1px;margin-bottom:4px;margin-top:6px">Cette ligne s'affichera dans la prévisualisation sur certains gestionnaires d'emails</div>
<a name="top" style="color:#A500E0;text-decoration:none;padding:2px 0px"></a>
</div> <div class="small" style="color:#787878;line-height:20px"><div style="color:#787878;line-height:15px;font-size:10px;text-transform:uppercase;word-spacing:-1px;margin-bottom:4px;margin-top:6px">Des difficultés pour lire ce message? <a href="#" style="color:#A500E0;text-decoration:none;padding:2px 0px">Afficher le message en ligne</a> ou <a href="#" style="color:#A500E0;text-decoration:none;padding:2px 0px">Se désinscrire</a>
</div></div> </td> </tr></table>
<table width="600" cellspacing="0" cellpadding="0" class="line" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;border-bottom:1px solid #AAAAAA;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0"><td height="19" style="border-collapse:collapse;padding:0"> </td></tr></table>
<table width="600" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0"><td height="20" align="right" style="border-collapse:collapse;padding:0"><table cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0"><td height="20" valign="middle" bgcolor="#A500E0" class="btn" style="border-collapse:collapse;color:#FFFFFF;padding:0"> <div style="color:#FFFFFF;line-height:20px"> <a href="#" style="color:#FFFFFF;text-decoration:none;padding:2px 0px;margin:2px 4px;line-height:1em;display:block"></a> </div>
</td></tr></table></td></tr></table>
<table width="600" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr height="80" style="padding:0">
<td align="left" valign="bottom" style="border-collapse:collapse;padding:0"> <table width="600" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px">
<tr style="padding:0">
<td rowspan="1" align="left" valign="bottom" class="h1" style="border-collapse:collapse;padding:0"> <div style="color:#353535;line-height:90%;font-family:Helvetica,Arial,sans-serif;height:50px;font-size:55px;font-weight:bold;letter-spacing:-2px">Entreprise</div> </td> </tr>
<tr style="padding:0">
<td align="left" valign="top" class="h2" style="border-collapse:collapse;padding:0"> <div style="color:#444444;line-height:23px;font-family:Helvetica,Arial,sans-serif;height:25px;font-size:19px;font-weight:bold;letter-spacing:-1px">Générateur de Newsletter</div> </td> </tr>
</table>
</td> </tr></table>
<table width="600" cellspacing="0" cellpadding="0" class="line" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;border-bottom:1px solid #AAAAAA;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0"><td height="19" style="border-collapse:collapse;padding:0"> </td></tr></table>
<table width="600" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0"><td height="40" style="border-collapse:collapse;padding:0"> </td></tr></table>
<!-- ~ header block ends here -->
<!-- Full Size Image start --><table width="600" cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0">
<td valign="top" style="border-collapse:collapse;padding:0">
<!-- CONTENT start --> <img src="http://generateur-newsletter.aellio.fr/images/600x260.jpg?gray" alt="" title="" width="600" height="260" border="0" style="max-width:600px;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;display:block"><!-- CONTENT end -->
</td> </tr></table>
<!-- Full Size Image end --><!-- Full Size Text Invert start --><table width="600" cellpadding="0" cellspacing="0" class="invert" bgcolor="#353535" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px">
<tr style="padding:0"><td height="10" colspan="3" style="border-collapse:collapse;padding:0"></td></tr>
<tr style="padding:0">
<td height="40" width="10" style="border-collapse:collapse;padding:0"> </td> <td valign="middle" align="left" style="border-collapse:collapse;padding:0"> <!-- CONTENT start --> <div class="h" style="color:#FAFAFA;background-color:#353535;line-height:1;margin:0;height:20px"><div style="color:#FAFAFA;background-color:#353535;line-height:1;font-family:Helvetica,Arial,sans-serif;font-size:24px;font-weight:bold;letter-spacing:-2px;margin-bottom:6px;margin-top:10px;margin:0;height:20px">Le titre ici</div></div> <!-- CONTENT end --> </td> <td width="10" style="border-collapse:collapse;padding:0"> </td> </tr>
<tr style="padding:0"><td height="10" colspan="3" style="border-collapse:collapse;padding:0"></td></tr>
</table>
<!-- Full Size Text Invert end -->
<!-- 1/2 Image on the Left start --><table width="600" cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0">
<td valign="top" style="border-collapse:collapse;padding:0"> <table width="600" cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0">
<!-- CONTENT start --><td width="290" valign="top" align="left" style="border-collapse:collapse;padding:0"> <img src="http://generateur-newsletter.aellio.fr/images/290x180.jpg?gray" alt="" title="" width="290" height="180" border="0" style="max-width:290px;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;display:block">
</td> <td width="20" style="border-collapse:collapse;padding:0"> </td> <td width="290" valign="top" align="left" style="border-collapse:collapse;padding:0"> <div class="h" style="color:#787878;line-height:20px"><div style="color:#444444;line-height:24px;font-family:Helvetica,Arial,sans-serif;font-size:24px;font-weight:bold;letter-spacing:-2px;margin-bottom:6px;margin-top:10px">Le titre ici</div></div> <div style="color:#787878;line-height:20px"> Li Europan lingu es es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam <a href="#" style="color:#A500E0;text-decoration:none;padding:2px 0px">vocabular</a>. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. </div> </td> <!-- CONTENT end --> </tr></table>
</td> </tr></table>
<!-- 1/2 Image on the Left end -->
<!-- 1/1 Text start --><table width="600" cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0">
<td valign="top" style="border-collapse:collapse;padding:0"> <table width="600" cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0">
<!-- CONTENT start --><td valign="top" align="left" style="border-collapse:collapse;padding:0"> <div class="h" style="color:#787878;line-height:20px"><div style="color:#444444;line-height:24px;font-family:Helvetica,Arial,sans-serif;font-size:24px;font-weight:bold;letter-spacing:-2px;margin-bottom:6px;margin-top:10px">Le titre ici</div></div> <div style="color:#787878;line-height:20px"> Li Europan lingu es es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam <a href="#" style="color:#A500E0;text-decoration:none;padding:2px 0px">vocabular</a>. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. </div> </td> <!-- CONTENT end --> </tr></table>
</td> </tr></table>
<!-- 1/1 Text end -->
<!-- Seperator start --><table width="600" cellspacing="0" cellpadding="0" class="line" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;border-bottom:1px solid #AAAAAA;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0"><td height="39" style="border-collapse:collapse;padding:0"> </td></tr></table>
<table width="600" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0"><td height="40" align="right" valign="top" class="small" style="border-collapse:collapse;padding:0"><div style="color:#787878;line-height:15px;font-size:10px;text-transform:uppercase;word-spacing:-1px;margin-bottom:4px;margin-top:6px">//</div></td></tr></table>
<!-- Seperator end -->
<!-- 1/2 Image on the Right start --><table width="600" cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0">
<td valign="top" style="border-collapse:collapse;padding:0"> <table width="600" cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0">
<!-- CONTENT start --><td width="290" valign="top" align="left" style="border-collapse:collapse;padding:0"> <div class="h" style="color:#787878;line-height:20px"><div style="color:#444444;line-height:24px;font-family:Helvetica,Arial,sans-serif;font-size:24px;font-weight:bold;letter-spacing:-2px;margin-bottom:6px;margin-top:10px">Le titre ici</div></div> <div style="color:#787878;line-height:20px"> Li Europan lingu es es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam <a href="#" style="color:#A500E0;text-decoration:none;padding:2px 0px">vocabular</a>. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. </div> </td> <td width="20" style="border-collapse:collapse;padding:0"> </td> <td width="290" valign="top" align="left" style="border-collapse:collapse;padding:0"> <img src="http://generateur-newsletter.aellio.fr/images/290x180.jpg?gray" alt="" title="" width="290" height="180" border="0" style="max-width:290px;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;display:block">
</td>
<!-- CONTENT end --> </tr></table>
</td> </tr></table>
<!-- 1/2 Image on the Right end -->
<!-- Footer start --><table width="600" cellspacing="0" cellpadding="0" class="line" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;border-bottom:1px solid #AAAAAA;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0"><td height="39" style="border-collapse:collapse;padding:0"> </td></tr></table>
<table width="600" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#787878;font-family:Helvetica,Arial,sans-serif;font-size:12px"><tr style="padding:0">
<td class="small" align="left" valign="top" style="border-collapse:collapse;padding:0"> <div style="color:#787878;line-height:15px;font-size:10px;text-transform:uppercase;word-spacing:-1px;margin-bottom:4px;margin-top:6px">Vous avez reçu ce message car vous êtes inscrit sur la liste de diffusion de <a href="http://aellio.fr" style="color:#A500E0;text-decoration:none;padding:2px 0px">Votre Entreprise</a> en tant que <a href="#" style="color:#A500E0;text-decoration:none;padding:2px 0px">{{toname}}</a>..<br>Si vous ne souhaitez plus recevoir nos emails, merci de cliquer ici : <a href="{{one-clic-unsubscribe}}" style="color:#A500E0;text-decoration:none;padding:2px 0px">Se désinscrire</a>
</div> <div style="color:#787878;line-height:15px;font-size:10px;text-transform:uppercase;word-spacing:-1px;margin-bottom:4px;margin-top:6px">© 2012 Votre nom ici, tous droits réservés</div> </td>
<td width="20" style="border-collapse:collapse;padding:0"> </td>
<td class="small social" align="right" valign="middle" width="187" style="border-collapse:collapse;padding:0"> <div style="color:#787878;line-height:15px;font-size:10px;text-transform:uppercase;word-spacing:-1px;margin-bottom:4px;margin-top:6px"> <a href="https://twitter.com" style="color:#A500E0;text-decoration:none;padding:2px 0px"><img src="http://generateur-newsletter.aellio.fr/version6/img/twitter.png" alt="" title="" width="32" height="32" border="0" style="max-width:32px;max-height:32px;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;display:inline;border:none"></a> <a href="https://facebook.com" style="color:#A500E0;text-decoration:none;padding:2px 0px"><img src="http://generateur-newsletter.aellio.fr/version6/img/facebook.png" alt="" title="" width="32" height="32" border="0" style="max-width:32px;max-height:32px;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;display:inline;border:none"></a> <a href="https://linkedin.com" style="color:#A500E0;text-decoration:none;padding:2px 0px"><img src="http://generateur-newsletter.aellio.fr/version6/img/linkedin.png" alt="" title="" width="32" height="32" border="0" style="max-width:32px;max-height:32px;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;display:inline;border:none"></a> </div> </td>
</tr></table>
<!-- Footer end -->
</td></tr></table>
</body>
</html>