28173 sujets

CSS et mise en forme, CSS3

Background-image dans mail

Bonjour,

Je suis en train de préparer une newsletter, et mon gros problème vient du fait que l'attribut "background-image" ne semble pas fonctionner dans un mail.

Avez vous déjà rencontrer ce problème, ou peut-être que je m'y prend mal...

Merci d'avance.

Exemple de code html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Google</title>
<style type="text/css">
body {
	background-color : #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>

<p style="background-image: url('http://www.google.fr/intl/fr_fr/images/logo.gif'); background-repeat: repeat-x; height: 200px"> </p>

</body>
</html>
Bonjour et bienvenu à toi sur le forum Smiley cligne

Je pense que ton problème vient du fait que le background-image s'applique comme ceci : 
 background-image: url(http://www.google.fr/intl/fr_fr/images/logo.gif);


Et non, comme tu l'utilise : 
background-image: url('http://www.google.fr/intl/fr_fr/images/logo.gif');


Essaye voir en supprimant tes '...'
Smiley biggrin
Merci Cygnus pour ton accueil et ta réponse, je ne pensais pas que les quotes puissent créer ce genre de problème d'affichage dans un mail. Je vais aller faire un tour sur le site du W3C voir s'ils parlent des quotes, doubles quotes.

Mais bizarrement le problème ne vient pas de là, j'ai le même soucis sans quotes, je ne sais pas si le problème ne viendrait pas du serveur mail (après plusieures recherches...) mais je ne pense pas vu que dans la source du mail, aucune modification n'est apportée au code... le casse-tête Smiley rolleyes
Et en usant d'un simple background, ton problème est-il toujours le même ?!?
<style type="text/css">
body {
background-color : #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}

p {
background: url(http://www.google.fr/intl/fr_fr/images/logo.gif) 0 0 repeat-x;
height: 200px
</style>

(...)

<body>
<p>bla bla bla</p>
</body>

Euh, question stupide : tu as bien essayé avec un contenu dans ton paragraphe, hein ?!? Smiley rolleyes
Sujet clos
Aller à