28172 sujets

CSS et mise en forme, CSS3

Création de thème pour e-mail

Bonjour,
Je voudrais avoir votre aide pour la création de thème pour les e-mails et surtout pour la compatibilité.
Voici le thème de e-mail que j'ai fait (c'est un exemple donc le design n'est pas génial)

<head>
<title></title>
</head>
<body style="font-size:14px; font-family:Verdana, Arial, Georgia, Serif;color:#000000;background-color:#FFF308;margin:auto;"> 
<div align="center" style="width:100%;
height:900px;margin:auto;background-image:url(http://monsite.com/image/body_bg.jpg); no-repeat center top #EEEEEE;"> 
<div style="position:relative;margin:0px;padding:0px;background-image:url(http://monsite.com/image/top_cutting.png);
background-repeat:repeat-x;height:86px;"><a href="http:/monsite.com" target="_blank"><img  border="0" src="http://monsite.com/image/logo.png" title="Mon site : Bienvenue sur mon site" alt="Logo : Monsite.com"></a></div><br> 
  <br> 
  <div style="width:600px; margin:auto; background-color:#FFFFFF; border:#000000 1px solid;"> 
    <div style="height:5px;background-color:#000000;"></div> 
    <div style="height:31px;background-color:#FF0000; padding-top:3px; color:#FFFFFF; font-size:22px ">Votre inscription sur Monsite.com !</div> 
    <div style="height:5px;background-color:#000000; border-bottom:#438093 1px solid;"></div> 
    <div style="padding:20px; text-align:left;"> <strong><font color="#0468FF">Bonjour chers<b>$pseudo,</b></font></strong><br> 
     <p>Votre compte a été activé!</p> 
<p>Cliquez simple sur le lien ci-dessous pour accéder à  votre compte :</p> 
<p><a href="monsite.com/compte.php">Cliquez <b>ici</b></a></p></div> 
<p>Votre numéro d'identification (ID): <span style="color:#FF0000">$id</span></p> 
<p>Votre e-mail utilisé lors de votre inscription: <span style="color:#FF0000">$email></span></p> 
     <hr> 
           
<br><p>----------------------</p><p style="font: bold 10px serif; color:red">Mon site : E-mail généré automatiquement par le système, veuillez ne pas répondre !!!</p><br><hr> 
</div></div> 
</body></html>


Voilà mais le problème est que les blackgrounds ne s'affiche pas.
Avez-vous une idée pourquoi ?
Salut,

Ton code comporte des erreurs :
background[#red]-image[/#]:url(http://monsite.com/image/body_bg.jpg)[#red];[/#] no-repeat center top #EEEEEE;

Si tu ajoute -image à la propriété background, tu ne peux alors pas déclarer autre chose que l'url de l'image, donc la répétition, le positionnement et la couleur ne sont pas prise en compte.
Dans ton cas vu que tu précise tout cela, autant supprimer le -image ainsi que le point virgule que tu as ajouté après la parenthèse (tout ce qui est en rouge dans le code ci dessus).
Tu peux déja corriger, mais je ne pense pas que ton problème vienne de là pour autant.

(j'ai édité mon message, j'avais écrit quelque chose sur l'url des liens mais j'ai réalisé après coup qu'il s'agissait d'e-mails, donc ce n'était pas d'actualité pour ton sujet)
Modifié par Mikachu (11 Nov 2010 - 21:49)
Merci pour votre aide Smiley cligne
Oui je connais les templates de campaignmonitor mais je préféraire les faires moi même pour avoir exactement ce que je veux
Sujet clos
Aller à