background image dans mail

Bonjour,

Mon problème est simple, je n'arrive pas à afficher les images de fond dans mon mail HTML.
Lorsque je met des lien vers des photos, celles-ci s'affichent mais lorsque je souhaite mettre des images de fond, rien de s'affiche.

Voila le code correspondant :

Code:

---

1 2	<div id="bottom" style="width: 500px;height: 151px;background-image: url('http://xxxx/xxxx/xxx/background-bottom.jpg') no-repeat;"></div>

---

Si quelqu'un avait une solution.

Bonjour,

Tu utilises mal la propriété background-image :

Code:

---

background-image: url('***') no-repeat;

---

L'attribut no-repeat est associé à la proriété background-repeat, pas à la propriété background-image.


Sois tu ajoutes background-repeat: no-repeat;
Soit tu utilises le raccourci background :

Code:

---

background: url('http://xxxx/xxxx/xxx/background-bottom.jpg') no-repeat;

---

Il faut aussi savoir que certaines messageries ne prennent pas en compte les styles, ce qui peut poser des problèmes pour les images de fond.

Même avec ta correction cela ne marche pas, il va falloir passer par des tableau avec td background="..." a ton avis ?

Possible.
Les webmails réservent toujours de nombreuses surprises (et rarement bonnes).

Bon, j'ai réglé le problème, les fonds que j'utilisais pour le header et footer, je les ai mis en

Code:

---

<img src="...">

---

Et cela marche maintenant.

Maintenant un autre problème est pour les liens, le style :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<style type="text/css">   a { text-decoration: none; border: 0; font-weight: bold; color: #067CB9; font-family : Trebuchet MS, Verdana, Arial, sans-serif; }   a:hover { text-decoration: none; border: 0; font-weight: bold; color: #E31F6F; font-family : Trebuchet MS, Verdana, Arial, sans-serif; } </style>

---

n'est pas pris en compte, j'ai essayé de le mettre "inline", mais je ne vois pas comment passer le "a:hover" en inline...

Ne mets pas ta balise style dans le head, mais dans le body. La plupart des lecteurs de mails supprime l'intégralité de la balise head.