Mettre du HTML dans un mail

Version imprimable

27/06/2014, 17h02
Shennong

Mettre du HTML dans un mail

Bonjour,

Avant de me faire caillasser pensez bien que je n'y connaît absolument rien en html. Mis à part la notion de balises et une ou deux choses sans importance, c'est un langage qui m'est totalement inconnu. Donc si cette question paraît extrêmement simple à beaucoup, voir stupide, merci de bien vouloir prendre le temps de m'expliquer correctement, et de m'aider en me donnant un bout de code clair svp, c'est très important :)

Alors voilà, je souhaiterai mettre du html dans un mail (j'utilise Thunderbird). Je sais où se trouve l'option pour ça, et j'arrive jusqu'à la fenêtre où je dois insérer mon code html. C'est là que ça se complique (pour moi), car je souhaiterais mettre une image en fond, et un texte (lien hypertexte) à un endroit donné de l'image. Je ne sais pas faire cette manipulation, et c'est pour cela que j'ai grand besoin d'aide svp.

J'ai donc une url d'image que j'ai hostée sur internet, et une url de fichier à télécharger, qui sera pour le lien hypertexte. C'est l'assemblage de tout ce beau monde qui coince.

Pourriez-vous svp me proposer un code clair et compréhensible où je n'aurai qu'à modifier les url et le texte du lien, ainsi que la position du lien sur l'image ? je ne sais pas si c'est faisable, mais ça serait vraiment top !

Merci d'avance pour votre aide.

Cordialement-

D'habitude, on ne passe pas de code tout fait. Mais si vous débutez vraiment, ce n'est pas simple. Je vous propose un code, en espérant que ça vous soit clair et utile:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!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" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title>Lien sur image en arrière-plan</title>
</head>
<body>
  <div
    style="
    position:relative;
    /* Le lien sera placé relativement à la DIV */
    height:4em;
    background:green url(http://www.tilde3.eu/base/css/banner.jpg);">
    <a href="#"
      style="
      position:absolute;
      /* Placement libre du lien dans la DIV */
      bottom:0; right:0;
      /* Lien en bas à droite */
      color:white;">Mon lien</a>
  </div>
</body>
</html>

Remarque : comme il s'agit d'un mail HTML, j'utilise le doctype XHTML et je mets les styles dans les balises.

28/06/2014, 11h32
Auteur

bonjour,

là où ça peut coincer c'est au niveau du destinataire : quel genre de client mail possède-t-il ?
Le truc aussi c'est de l'envoyer à soi-même pour avoir le rendu final.

Par contre, il faudra penser à supprimer les commentaires dans le code HTML proposé par Muchos (tout ce qui est entre /* et */).
28/06/2014, 22h45
Shennong

Bonsoir,

Merci beaucoup pour votre aide. En tâtonnant et en persévérant, j'ai finalement réussit à utiliser le code donné ci-dessus avec succès. Cela semble fonctionner sur la plupart des boîtes mail (gmail, hotmail entre autres).

Je vous remercie donc encore une fois pour votre aide précieuse.

A bientôt.

Cordialement-