Discussion :

[kanabzh29]

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 :

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

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.

[c_s_s]

Bonjour,

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

Code :

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

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

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

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.

[kanabzh29]

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

[c_s_s]

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

[kanabzh29]

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

Code :

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

<img src="...">

Et cela marche maintenant.

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

Code :

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
 
<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...

[Bisûnûrs]

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.