5568 sujets

Sémantique web et HTML

Le doctype pour envoyer un mail HTML

Bonjours;
Apres avoir lue une foule de sujet sur divers forums et article sur le net ( ca fait 2j qd meme )
Je n'ai toujours pas trouvé la solution pour envoyer un mail en HTML...

C'est pas possible que dans l'imensité du net il n'y est pas quelqu'un qui est fait un tuto pour expliquer ca ! Bien si ou alors il la bien caché...

Alors, si quelqu'un a la solus, je suis preneur parce que la, j'en peux plus...

Attention je reformule ce que je veux et mes probs pour etre plus clair !
Donc je veux envoyer un mail HTML et CSS dont voici le code actuel :
<html>
<style type="text/css">
body
{
background-color: #9D1AF1;
height: 100%;
}

#ban
{
background-position: left 0px;
background-image: url("http://www.sadhanaforum.com/divers/imgpostforums/newsletter/xx.jpg");
background-repeat: no-repeat;
height: 200px;
width: 600px;
}

#titre
{
background-color: #61B7F0;
width: 600px;
margin-left: auto; 
margin-right: auto;
text-align: center;
}

#cadre
{
background-color: #61B7F0;
width: 600px;
margin-left: auto; 
margin-right: auto;
text-align: justify;
}

#barreh
{
background-image: url("http://www.sadhanaforum.com/divers/imgpostforums/newsletter/xxx.jpg");
background-repeat: no-repeat;
height: 25px;
width: 600px;
margin-left: auto; 
margin-right: auto;
}

#barreb
{
background-image: url("http://www.sadhanaforum.com/divers/imgpostforums/newsletter/xxxx.jpg");
background-repeat: no-repeat;
height: 25px;
width: 600px;
margin-left: auto; 
margin-right: auto;
}

h1
{
display: inline;
font-size: 20px;
font-weight: bold;
}

#texte
{
width: 550px;
margin-left: auto; 
margin-right: auto;
}

div#texte li
{
margin-left: 20px;
}


</style>

<body>
<div id="ban"></div>
<div id="barreh"></div>
    <div id="titre"><br/>
blablabla
    </div>
<div id="barreb"></div>
<br/><br/><br/><br/>
<div id="barreh"></div>
<div id="cadre">
<div id="texte">
Et re blablabla
</div></div>
<div id="barreb"></div>
<br/><br/><br/><br/>
</body>
</body>
</html>


Je veux l'envoyer via mon client mail qui gére le HTML et qui l'envoie en HTML.

Mes probs acctuellement c'est que le mail envoyé n'est pas recue par hotmail ni yahoo, je ne recoie pourtant pas d'erreur.
Sur wanadoo la propriété background-color n'est pas prise en compte...
Sur ma mes client mail ( Mail et iMailist )c'est niquel.

Je n'ai pas testé sur outlook, je craind le pire. Et puis vue que je suis sous mac ca va etre compliquer pour tester ce soft.

Vue que je recoie des mails sur hotmail, yahoo, etc... coder en html et qu'ils s'affiche tres bien, j'aimerai savoir ce qu'il me manque. Et je supose que ca viens du doctype.
Comme vous pouvez le constater mon code n'a pas de doctype. Le doctype traditionnel ( pour XHTML 1.0 transitional ou strict ) ne fais que rajouter des probs pour l'affichage du mail...

Bref je crie :
A L'AIDE !!!
Modifié par Mage-Li (28 Feb 2006 - 12:46)
je suis dans le meme probleme...
un ptit truc ,tu peux toujours mettre toute ta css avec des balises inline --->
style=' ............'
ça marche pour certains hotmail et yahoo normalement.
par contre si qqn sais comment résoudre le probleme avec les serveur exchange
Tu as deux solutions que je connais :

- Soit faire une signature HTML dans Outlook, mais la c'est pas top
- Ou soit tu te fais un formulaire qui envoie en html sur ton site.

Si tu veux du code tout fait je te le passe, il te permet de mettre une adresse email de destinataire, un sujet, et le corps du message :

<?php

/* Variable pour le titre de la page (en haut du navigateur) */
$titre_de_la_page = "Contactez $personne";

/* Variable pour l'activation d'un menu (menu actif) */
$bodyid = "contactez_nous";

/* Variable pour le descriptif qui servira au texte de referencement pour google */
$descriptif_de_la_page = "Contactez $personne";

/* Variable pour le titre afficher sur la page en H1 (titre principal) */
$titre_h1 = "Contactez $personne";		

/* Include pour avoir le haut de la page (menu) */
include("haut_de_page.php");

$contact == $_GET["contact"];
	
if ($contact == '')
  
  {
	$fp = fopen("moncon.php","r+"); 
	$nbvisites = fgets($fp,11);    
	$nbvisites++;                 
	fseek($fp,0);
	fputs($fp,$nbvisites);
	fclose($fp);
?>
<div id="formulaire">

<form action="contactez_le.php?contact=on&amp;nbvisites=<?=$nbvisites?>&amp;personne=<?=$personne?>&email=tomemail@email.email" method="post">

<fieldset title="Feuille de contact">

<legend style="top">Contact</legend>

<label for="email"><br />Votre Email :<br /><br /></label>

<input name="email" id="email" size="37" />

<label for="sujet_du_mail"><br /><br />Sujet :<br /><br /></label>

<input name="sujet_du_mail" id="sujet_du_mail" size="37" />

<label for="message"><br /><br />Message :<br /><br /></label>

<textarea name="message" cols="70" rows="12" id="message"></textarea>

<label for="moncon"><br /><br />Code :<br /><br /></label>

<?php
print("<p>Code : $nbvisites </p>");
?>

<input name="moncon" type="password" id="moncon" size="20" />

<p>Pour informations :</p>

<ul>
	
	<li>Mail en format HTML</li>
	<li>Langage HTML Activ&eacute;</li>
	<li>Vous &ecirc;tes automatiquement en copie</li>
</ul>

</fieldset>

<p><input type="submit" id="envoyer" value="Envoyer" /></p>

</form>

</div>

<?php

include("bas_de_page.php");

}

	elseif ($contact == on)
	
	{

$nbvisites = $_GET['nbvisites'];
$email = $_GET['email'];
$sujet_du_mail = htmlentities($_POST['sujet_du_mail'], ENT_QUOTES);
$sujet_du_mail = stripslashes($sujet_du_mail);
$message = htmlentities($_POST['message'], ENT_QUOTES);
$message = nl2br($message);
$message = stripslashes($message);
$personne == $_GET["personne"];

include("membres/$personne/$personne.php");

$Envoi = 1;

if ($moncon != $nbvisites)
	{
	echo("<ul><li><span class=\"important\">Code non renseign&eacute;  !</span></li></ul>");
	$Envoi = 0;
}
if ($email == "")
	{
	echo("<ul><li><span class=\"important\">E-mail non renseign&eacute;  !</span></li></ul>");
	$Envoi = 0;
}
if ($sujet_du_mail == "")
	{
	echo("<ul><li><span class=\"important\">Vous n'avez pas mis de sujet.</span></li></ul>");
	$Envoi = 0;
}
if ($message == "")
	{
	echo("<ul><li><span class=\"important\">Vous n'avez pas mis de message.</span></li></ul>");
	$Envoi = 0;
}

if ($Envoi == 0) 
	{
echo("<p><a href=\"contactez_nous.php\">Retourner au formulaire de contact.</a></p>"); 
}
elseif ($Envoi == 1) 
	{

	$Destinataire = "$email";
	$Destinataire1 = "$email1";
	$Sujet = "$sujet_du_mail";

	$From  = "From:$email\n";
	$From .= "MIME-version: 1.0\n";
	$From .= "Content-type: text/html; charset= iso-8859-1\n";

	$Message = "
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><meta http-equiv=\"content-Type\" content=\"text/html; charset=iso-8859-1\" /><title>$sujet_du_mail</title>
<style type=\"text/css\">
<!--
a img {
border: 0;
}
h1 {
font-size: 2.2em;
font-family: Georgia, \"Times New Roman\", Times, serif;
color: #FF0000;
padding-bottom: 2%;
padding-top: 2%;
text-align: center;
padding-right: 20%;
padding-left: 30%;
}
html, body {
height: 100%;
width: 100%;
background-color: #E6EAFF;
}
legend {
top:auto;
color: #FF0000;
text-decoration: underline;
font-weight: bold;
}
fieldset {
border: 1px double #FF0000;
}
center {
	text-align: center;
}
-->
</style>
</head><body>
<p class=\"center\"><a href=\"http://www.grid-france.be\"><img src=\"http://www.grid-france.be/forum/fonddelogo.jpg\" alt=\"L'Equipe France\" /></a></p>
<h1 class=\"center\">Grid-France</h1>
<div><fieldset title=\"Sujet\"><legend>Sujet</legend><p>$sujet_du_mail</p></fieldset></div>
<p>&nbsp;</p>
<div><fieldset title=\"Message\"><legend>Message</legend><p>$message</p></fieldset></div>
<p>&nbsp;</p>
<p>Cet e-mail &agrave; &eacute;t&eacute; envoy&eacute; par : <a href=\"mailto:$email\">$email</a></p>
</body></html>";

	mail($Destinataire,$Sujet,$Message,$From);
	
	mail($Destinataire1,$Sujet,$Message,$From);
			
	print("<p><span class=\"partie\">Voici votre mail :</span></p>");
	
	echo("<h2>Email :</h2><p> "); echo $email; echo $e_mail;
	
	echo("</p><h2>Sujet :</h2><p> "); echo $sujet_du_mail; 
	
	echo("</p><h2>Message :</h2><p> "); echo $message; 
	
	echo("</p><p>Votre mail &agrave; bien &eacute;t&eacute; envoy&eacute;.</p>"); 
	}

include("bas_de_page.php");

}
?>


Bien sur je te laisse le décoder, car je n'ai pas le temps du tout désolé.

(si tu veux tester rends toi à cette adresse, et marque test dans le sujet et le corps de texte, et une ton adresse email)
Modifié par Super_baloo8 (10 Mar 2008 - 12:32)
Sujet clos
Aller à