Help mise en page e-mailing
Help mise en page e-mailing - HTML/CSS - Programmation
Sujets relatifs:
- [Help][Git][Versionning] travail dans dossier unique avec GIT
- IHM d'une application VCL paramétrable par l'utilisateur ?
- Mon site en HTTPS se redirige vers "page web inaccessible"
- [help] incompatibilité type
- Tumblr page TAGS
- Insertion dynamique & gestion de la position dans la page
- [Help] Optimisattion concaténation de string
- variable d'une page à une autre avec $_session ?
- Boutique prestashop invisible et remplacée par page blanche
- Garder couleur des "Mise en Forme Conditionelle"
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"> </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 électronique</strong></td>
</tr>
</table>
</td>
<td width="20" style="min-width:10px; max-width:20px;" bgcolor="#e95d0f"> </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;"> </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"> </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çu votre demande d'information via le formulaire que vous avez complété sur notre site web lg-pub.fr concerant nos service de création de site internet et de e-marketing.<br /></font></p>
<p align="justify"><font face="Arial, Helvetica, sans-serif" size="2">Un conseillé répondra à votre demande sous <i><b>7 jours ouvrés</b></i> par e-mail ou par téléphone selons les besoins et se tiendra à votre disposition pour toutes info complémentaires.<br /></font></p>
<p><font size="2"><b>L.G PUB</b> jour un rôle capital pour votre image sur la toile, avec nos préstations d'accompagnement en e-marketing nous vous permettrons <i>d'augmenté vos ventes en augmentant vos e-réputation</i> avec différentes action (jeux concours, newsletter etc ...) ré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ôle de ‘facilitateur numérique’</b> endossé par l’e-mailing permet quant à lui de soutenir les actions et communications d’une entreprise sur différents canaux et d’encourager l’interaction entre l’internaute et la marque. Ce statut de facilitateur peut s’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énérés par les utilisateurs (ex. : avis de consommateurs) <br /> - l’annonce d’évènements hors ligne <br /> - l’envoi de messages transactionnels (ex. : confirmations de commande) <br /> - le partage des contenus de l’e-mail sur les réseaux sociaux <br /> - la promotion d’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éservées à l'usage exclusif de LG PUB et ne seront en aucun cas communiquées à 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;"> </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 />
© <b>LG PUB </b>- Email Marketing & 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 !!!!!!!