Envoyer un e-mail en html

Question

spi

27 Feb 2006 à 11:40

Bonjour,

J'essaye depuis un moment d'envoyer un mail en html avec feuille de style. Et le seul résultat que j'obtiens est de recevoir le code(que j'ai écrit) en texte. Le voici:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" Content-Transfer-Encoding= "8bit">
<meta name="generator" content="Adobe GoLive">
<title>Signature NETCOM</title>
<style>

div.img_top
{
background-repeat: repeat;
background-image: url(http://www.ribs.be/langue.jpg);
}
div.img_bot
{
background-repeat: repeat;
background-image: url(http://www.ribs.be/soul.jpg);
}
div.signature
{
font-family: Arial, Verdana;
font-size:12px;
}
div.signature a
{
text-decoration:none;
color:#9D9FA2;
}
div.signature a:hover
{
text-decoration:none;
color:#004A91;
}

</style>

</head>
<div class="img_top">
<img src="http://www.ribs.be/top.jpg" alt="" />
</div>
<div>
Madame, Monsieur<br /><br />
Texte de présenation<br /><br />
Cordialement,<br /><br />
</div>
<div class="img_bot">
<img src="http://www.ribs.be/bottom.jpg" alt=""/>
</div>
<div class="signature">
<b>MAITEL S.A. / N.V. </b><br />
851 CH. DE WATERLOO-STWG<br />
BRUXELLES-BRUSSEL 1180<br />
PHONE : + 32 (0)2 373 98 60 <br />
FAX : + 32 (0)2 375 40 10<br />
E-MAIL : <a href='mailto:info@maitel.be'>INFO@MAITEL.BE</a><br />
</div>
</html>

Quelqu'un pourrait-il me dire pourquoi ma page n'est pas lue par mes différentes boîtes mails (yahoo, outlook).

Merci d'avance

fvsch

27 Feb 2006 à 12:00

Ce qui serait bien, c'est d'utiliser le balise BBcode du forum qui va bien.
[ code]...[ /code]

Ensuite, il te manque déjà l'attribut type dans ta balise style :

<style type="text/css">...</style>

Pour le reste, j'en sais rien Smiley biggrin

Felipe

Administrateur

27 Feb 2006 à 12:01

Bonjour et bienvenue spi,

Merci de faire figurer ton code dans des balises [ code] ... [ /code] (sans les espaces) comme demandé dans les Règles du Forum (en éditant ton 1er message ci-dessus), pour que ce soit plus lisible pour tout le monde.

Felipe

djfeat

27 Feb 2006 à 12:03

Le client de messagerie ne peut pas deviner que tu lui envoies du HTML (il s'attend à du plain text, à juste titre) dont il faut lui préciser dans les headers du mail :

Content-Type: text/html; charset=iso-8859-1

Jihel

27 Feb 2006 à 12:06

Bonjour,
Le mail que tu veux envoyer est en HTML ( Smiley biggol

). As tu bien vérifié que tes paramètres d'envoi et de réception sont réglés de façon à accepter les mails en HTML ? Ca ne va pas de soi pour tous les logiciels de messagerie et chaque utilisateur a des reglages différents.
D'après ta description, j'ai tendance à penser que tu envoies ou reçois tes mails en texte simple.
Modifié par Jihel (27 Feb 2006 - 12:55)

spi

27 Feb 2006 à 13:06

J'ai bien activer la fonction de lecture de mail en html.

Mon content type est bien spécifié dans mes balise meta et pourtant ca ne mache pas...

Content-Type: text/html; charset=iso-8859-1

Le but de l'opération est de réaliser une signature de mail

Revoici le code:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 

<html>

 

            <head>

            

                        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" Content-Transfer-Encoding= "8bit">

                        <meta name="generator" content="Adobe GoLive">

                        <title>Signature NETCOM</title>

<style type="text/css">

 

div.img_top

{

background-repeat: repeat;

background-image: url(http://www.ribs.be/langue.jpg);

}

div.img_bot

{

background-repeat: repeat;

background-image: url(http://www.ribs.be/soul.jpg);

}

div.signature

{

font-family: Arial, Verdana;

font-size:12px;

}

div.signature a

{

text-decoration:none;

color:#9D9FA2;

}

div.signature a:hover

{

text-decoration:none;

color:#004A91;

}

 

</style>

 

</head>

<div class="img_top">

<img src="http://www.ribs.be/top.jpg" alt=""  />

</div>

<div>

            Madame, Monsieur<br /><br />

            Texte de présenation<br /><br />

            Cordialement,<br /><br />

</div>

<div class="img_bot">

<img src="http://www.ribs.be/bottom.jpg" alt=""/>

</div>

<div class="signature">

                        <b>MAITEL S.A. / N.V. </b><br />

                        851 CH. DE WATERLOO-STWG<br />

                        BRUXELLES-BRUSSEL 1180<br />

                        PHONE : + 32 (0)2 373 98 60 <br />

                        FAX : + 32 (0)2 375 40 10<br />

                        E-MAIL : <a href='mailto:info@maitel.be'>INFO@MAITEL.BE</a><br />

</div>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 

<html>

 

            <head>

            

                        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" Content-Transfer-Encoding= "8bit">

                        <meta name="generator" content="Adobe GoLive">

                        <title>Signature NETCOM</title>

<style type="text/css">

 

div.img_top

{

background-repeat: repeat;

background-image: url(http://www.ribs.be/langue.jpg);

}

div.img_bot

{

background-repeat: repeat;

background-image: url(http://www.ribs.be/soul.jpg);

}

div.signature

{

font-family: Arial, Verdana;

font-size:12px;

}

div.signature a

{

text-decoration:none;

color:#9D9FA2;

}

div.signature a:hover

{

text-decoration:none;

color:#004A91;

}

 

</style>

 

</head>

<div class="img_top">

<img src="http://www.ribs.be/top.jpg" alt=""  />

</div>

<div>

            Madame, Monsieur<br /><br />

            Texte de présenation<br /><br />

            Cordialement,<br /><br />

</div>

<div class="img_bot">

<img src="http://www.ribs.be/bottom.jpg" alt=""/>

</div>

<div class="signature">

                        <b>MAITEL S.A. / N.V. </b><br />

                        851 CH. DE WATERLOO-STWG<br />

                        BRUXELLES-BRUSSEL 1180<br />

                        PHONE : + 32 (0)2 373 98 60 <br />

                        FAX : + 32 (0)2 375 40 10<br />

                        E-MAIL : <a href='mailto:info@maitel.be'>INFO@MAITEL.BE</a><br />

</div>

</html>

C'est troublant je croyait ça plus évident...

fredmac

27 Feb 2006 à 13:13

salut,
est-ce que tu tentes de l'envoyer via sendmail ?
Modifié par fredmac (27 Feb 2006 - 13:33)

spi

27 Feb 2006 à 13:16

Non je l'envoi avec outlook tout simplement...

Mage-Li

28 Feb 2006 à 11:25

J'ai testé avec et sans doctype.
J'ai remarqué que dans certain client mail la page s'affiché mieux sans le doctype.
Sur MSN avec doctype je recois l'erreur : Undelivered Mail Returned to Sender et sans je ne recoie pas d'erreur mais je ne recoie pas le mail non plus !!!!

J'ai perso un autre prob le background sur wanadoo ne s'affiche pas le reste du code est pris en compte. ( avec ou sans doctype )

___seb

1 Mar 2006 à 12:42

bonjour,

peut-être trouvera tu quelques indications dans cet article ou sa traduction francaise et ses commentaires...

On peut par exemple y lire que la totalité du body doit être encapsulée dans un div ...

Sinon, j'ai bien l'impression (peu etayée, c'est vrai) qu'il faille renoncer a une solution passe partout en html et peut-être se contenter d'un lien vers une page web avec ou sans version texte jointe.
Modifié par ___seb (01 Mar 2006 - 12:43)

spi

1 Mar 2006 à 13:20

J'avais déja pris connaissance de cette article... Mais c'est gentil quand même Smiley cligne

Je vais devoir effectivement penser à abandonner pour ce cas-ci.... Mais je cherche toujours la solution !!

D'ailleurs le code source qu'as utilisé Mange-Li m'intéresse. C'est possible?

En tout cas merci à tous et si il y en a qui ont d'autres news à ce sujet, je suis preneur...

Mage-Li

1 Mar 2006 à 14:23

Je pofine encore mon code j'ai encore quelque petit truc a rectifier. Mais déja sur yahoo il s'affiche niquel pareil pour ma messagerie mail. Sous Hotmail il reste un petit des petits bugs, je crois connaitre la solus !
Pour outlook comme je suis sous mac je peux pas tester...

Des que mon code est good je le poste ici.

___seb

1 Mar 2006 à 14:31

ouaip ça c'est sympa ! Je suis preneur Smiley biggrin

Sujet clos

Sémantique web et HTML

Envoyer un e-mail en html