Email : Background qui se répète

**sienna** · 24/06/2016, 18h55

Bonjour,

Je dois commencer a faire un emailing et j'ai un probleme : mon image de background se repete, j'ai essayé bgproperties="fixed" mais ca ne fonctionne pas
je ne sais pas comment faire sans utiliser CSS mais vu les problemes de compatibilité avec les differente boite mail je prefere eviter

merci

Code :

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

1
2
3
4
5
6
7
8
9
10
<!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" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
</head>
<body background="image/Monmailbackground.png" bgproperties="fixed">
 
</body>
</html>

**papabirante** · 27/06/2016, 19h44

Tu peux utiliser background-repeat:no-repeat;
Thanks !

Invité · 28/06/2016, 03h24

Bonjour,

Tu peux surtout laisser tomber les tutos obsoletes et t'interesser a HTML5 et CSS.

**Bisûnûrs** · 28/06/2016, 14h28

Inutile de mettre une image de fond dans un emailing. 99% des logiciels de messagerie et webmails ne l'afficheront pas.

Invité · 28/06/2016, 21h34

+1 pour Bisûnûrs

Sinon, pour étoffer mes précédents propos :

HTML5 : le guide du débutant

Code html :

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

1
2
3
4
5
6
7
8
9
10
<!doctype html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
 
</body>
</html>

Glossaire des propriétés CSS

Quant aux images,... dans un email :

il faut au moins utiliser un chemin absolu vers ton site (pas relatif, car ne sera pas reconnu !)
et utiliser CSS "en ligne"

Exemple :

Code :

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

<img style="border:1px solid #ccc;" src="http://www.mon-site.com/images/mon-logo.jpg" alt="mon logo" />

Email : Background qui se répète

HTML

Vue hybride

Discussions similaires

Partager

Partager