Help mise en page e-mailing

Help mise en page e-mailing - HTML/CSS - Programmation

Marsh Posté le 20-02-2015 à 21:47:47    

Salut je souhaite créer un mail de confirmation d'inscription en HTML et CSS mais je n'arrive a trouver comment centrer le corp du message avec une marge de chaque coté sur DW, merci !!!!
 
Voici le code initiale :
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link href="../App_Themes/DefaultTheme/Calendar.css" type="text/css" rel="stylesheet" runat="server">
<link href="../App_Themes/DefaultTheme/Global.css" type="text/css" rel="stylesheet" runat="server">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8" http-equiv="content-type" />
<title>Mise à jour de votre profil</title>
 
<style type="text/css">
table{
 border-collapse: collapse!important;
}
input[type="submit"]{
 border:none;
 display: inline-block;
 margin:10px auto;
 padding: 7px 10px;
 color: white;
 background-color: #e95d0f;
 font-size:15px;
 font-weight: 700;
 text-decoration:none;
 text-align:center;
 border-radius: 3px;
 cursor: pointer;
 }
.hideinteret{
display:none;
}
#ucFormFields_divFormField table td{
 text-align:left;
 }
 @media only screen and (max-width: 599px) {
table[class=logo], table[class=titre]{
 width:100%!important;
 display:block!important;
}
table td[class=fullw]{
 width:480px;
 }
 }
</style>
<link href="../App_Themes/DefaultTheme/Calendar.css" type="text/css" rel="stylesheet" runat="server"><link href="../App_Themes/DefaultTheme/Global.css" type="text/css" rel="stylesheet" runat="server">
</head>
<body bgcolor="#f1f1f1" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" style="margin:0px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f1f1f1">
 <tr>
     <td height="15"></td>
    </tr>
       <tr>
         <td>
         <table border="0" cellspacing="0" cellpadding="0" style="max-width:600px; min-width:300px; border:none;" align="center" bgcolor="#ffffff">
          <tr>
                 <td bgcolor="#e95d0f"></td>
                    <td bgcolor="#e95d0f" height="10"></td>
                    <td bgcolor="#e95d0f"></td></tr>
       <tr>
        <td width="20" style="min-width:10px; max-width:20px;" bgcolor="#e95d0f">&nbsp;</td>
        <td align="center" style="max-width:560px;" bgcolor="#e95d0f">
                     <table width="200" border="0" cellspacing="0" cellpadding="0" align="left" bgcolor="#e95d0f" class="logo">
                   <tr>
                       <td style="font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff;" align="center" valign="middle" class="fullw"><img style="display:block;" src="http://www.lg-pub.fr/emailing/images/logo-lgpub-230x69.jpg" alt="Logo LG PUB" width="230" height="69"/></td>
                      </tr>
                    </table>
                    <table width="300" border="0" cellspacing="0" cellpadding="0" align="right" class="titre">
                      <tr>
                         <td height="50" align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#ffffff;" class="fullw"><br />
                         <strong>Demander votre badge &eacute;lectronique</strong></td>
                      </tr>
                    </table>
                        </td>
                    <td width="20" style="min-width:10px; max-width:20px;" bgcolor="#e95d0f">&nbsp;</td>
       </tr>
       <tr>
                 <td bgcolor="#e95d0f"></td>
                    <td bgcolor="#e95d0f" height="10"></td>
                    <td bgcolor="#e95d0f"></td></tr>
    <tr>
                <td width="20" style="min-width:10px; max-width:20px;">&nbsp;</td>
                <td align="center" style="max-width:560px; min-width:280px;">
                <table style="max-width:560px;" border="0" cellspacing="0" cellpadding="0">      
                  <tr>
                    <td height="20">&nbsp;</td>
                   </tr>
                  <tr>
                            <td style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#474747;" width="560" align="center">
                             
<table border="0" cellpadding="0" cellspacing="0" align="center" style="width: 580px; height: 508px;">
<tr>
<td valign="top" style="background-color: #e95d0f;">
<p align="center"><font face="Arial, Helvetica, sans-serif" size="4" color="#FFFFFF"><b>Confirmation de votre badge pour le E-Marketing</b></font></p>
</td>
</tr>
<tr>
<td valign="top" style="padding-top:10px;">
<p align="justify"><font face="Arial, Helvetica, sans-serif" size="2">Madame, Monsieur,</font></p>
<p align="justify"><font face="Arial, Helvetica, sans-serif" size="2">Nous avons bien re&ccedil;u votre demande d'information via le formulaire que vous avez compl&eacute;t&eacute; sur notre site web lg-pub.fr concerant nos service de cr&eacute;ation de site internet et de e-marketing.<br /></font></p>
<p align="justify"><font face="Arial, Helvetica, sans-serif" size="2">Un conseill&eacute; r&eacute;pondra &agrave; votre demande sous <i><b>7 jours ouvr&eacute;s</b></i> par e-mail ou par t&eacute;l&eacute;phone selons les besoins et se tiendra &agrave; votre disposition pour toutes info compl&eacute;mentaires.<br /></font></p>
<p><font size="2"><b>L.G PUB</b> jour un r&ocirc;le capital pour votre image sur la   toile, avec nos pr&eacute;stations d'accompagnement en e-marketing nous vous   permettrons <i>d'augment&eacute; vos ventes en augmentant vos e-r&eacute;putation</i> avec   diff&eacute;rentes action (jeux concours, newsletter etc ...) r&eacute;partie sur un   an.</font></p>
<p><font size="2"><br /></font></p>
<hr width="350" />
<p><font size="2"><br /></font></p>
<p align="justify"><font face="Arial, Helvetica, sans-serif" size="2"><b>Nous avons le r&ocirc;le de &lsquo;facilitateur num&eacute;rique&rsquo;</b> endoss&eacute; par l&rsquo;e-mailing permet quant &agrave; lui de soutenir les actions et communications d&rsquo;une entreprise sur diff&eacute;rents canaux et d&rsquo;encourager l&rsquo;interaction entre l&rsquo;internaute et la marque. Ce statut de facilitateur peut s&rsquo;illustrer par les exemples suivants :</font></p>
<p align="justify"><font face="Arial, Helvetica, sans-serif" size="2"><br /> - la diffusion et promotion de contenus g&eacute;n&eacute;r&eacute;s par les utilisateurs (ex. : avis de consommateurs) <br /> - l&rsquo;annonce d&rsquo;&eacute;v&egrave;nements hors ligne <br /> - l&rsquo;envoi de messages transactionnels (ex. : confirmations de commande) <br /> - le partage des contenus de l&rsquo;e-mail sur les r&eacute;seaux sociaux <br /> - la promotion d&rsquo;autres canaux (ex. : comptes Twitter ou les hubs / groupes)</font></p>
<p align="justify"><font face="Arial, Helvetica, sans-serif" size="2"><br /></font></p>
<p align="justify"><font face="Arial, Helvetica, sans-serif" size="2">[DB:SALEMGTFIRSTNAME] [DB:SALEMGTLASTNAME]<br /> [DB:SALEMGTCUSTOMSTR1]<br /> [DB:SALEMGTDESCRIPTION]<br /> [DB:SALEMGTEMAIL]</font></p>
<p align="justify"><font face="Arial, Helvetica, sans-serif" size="2"><br /></font></p>
<hr width="350" />
<p><font size="2"><br /></font></p>
</td>
</tr>
</table>
<div style="margin-top: 1em; text-align: justify;">
            <span id="lblCnil"><font face="Helvetica" size="1">Les informations transmises sont r&eacute;serv&eacute;es &agrave; l'usage exclusif de LG PUB et ne seront en aucun cas communiqu&eacute;es &agrave; des tiers. Conformément à la loi « informatique et libertés » du 6 janvier 1978 modifiée en 2004, vous bénéficiez d’un droit d’accès et de rectification aux informations qui vous concernent (Déclaration CNIL n°1793314), que vous pouvez exercer en vous adressant qui vous concernent  sur demande écrite à notre service marketing au 24 rue de la gare Apt MC1 60860 Saint-Omer-En-Chaussée à l'attention de M. Grandjean responsable du traitement.</font><br></span>
        </div>
</td>
                  </tr>                      
                  <tr>
                   <td height="30"></td>
                  </tr>          
               </table>
                    </td>
             <td width="20" style="min-width:10px; max-width:20px;">&nbsp;</td>
    </tr>
   </table>
  </td>
 </tr>
     
   <tr>
     <td>
      <table border="0" cellspacing="0" cellpadding="0" style="max-width:600px; min-width:300px; border:none;" align="center" bgcolor="#f1f1f1">
      <tr>
        <td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#474747;" width="600"><br />
      &copy; <b>LG PUB </b>- Email Marketing &amp; Conception de site niternet - <a href="http://www.dlg-pub.fr" target="_blank" style="color:#474747; text-decoration: none;">www.lg-pub.fr</a><br><br />
          </td>
               </tr>
           </table>
  </td>
 </tr>
</table>
</body>
</html>
 
 
Merci a tous !!!!!!!

Reply

Marsh Posté le 20-02-2015 à 21:47:47   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed