Mettre du HTML dans un mail

**Shennong** · 27/06/2014, 17h02

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-

**Muchos** · 27/06/2014, 20h30

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Auteur** · 28/06/2014, 11h32

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 */).

**Shennong** · 28/06/2014, 22h45

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-

Mettre du HTML dans un mail

HTML

Discussions similaires

Partager

Partager