Discussion :

[will89]

Bonjour, bonjour, aaaahhhh ça faisait longtemps tiens.
Je poste aujourd'hui et vous allez me dire que je régresse. Ne vous inquiétez pas, je connais les CSS et sait que mon problème serait résolu si seulement je pouvais les utiliser. Mais comme chacun sait, les newsletters sont rarement compatibles CSS.

Donc voila le problème. J'ai un cellule de mon tableau dans la quelle je voudrais mettre une image de fond qui ne se répète pas.

Cela donne ça :

Code :

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

<td background="http://www.monsite.fr/img.jpg"></td>

Le souci, c'est que l'image se répète tout le long de ma cellule.

Le code en CSS serait très simple :

Code :

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

<td style="background:url(http://www.monsite.fr/img.jpg) no-repeat"></td>

Mais du coup, l'image n'apparait plus sur certains webmails (notamment Hotmail et Gmail)

Avis aux connaisseurs...

[StAfX]

Salut,

Je ne crois pas qu'il existe de solution "correcte" pour résoudre ton problème, mais peut-être peux-tu modifier ton image, en y ajoutant un contour vierge transparent t'assurant que ton image n'ai pas de place pour se répéter... cherche plus du côté système D... pour ton problème...

sympathiquement...

Stef.

[Obsidian]

Si tu es sûr que ta cellule ne dépassera jamais une certaine dimension, tu peux tricher en ajoutant des marges dans l'image elle-même. Mais, à tout hasard (jamais essayé), que se passe-t-il si tu précises les deux attributs, en commençant par background et en finissant par style, ou vice-versa ?

[Auteur]

bonjour,

la propriété background englobe plusieurs propriétés : background-image, background-color, background-repeat, background-position, background-attachement, etc. Comme dans ta feuille de style elles ne sont pas toutes renseignées j'aurai écrit :

Code html :

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

<td style="background-image:url(http://www.monsite.fr/img.jpg);  background-repeat: no-repeat"></td>

Quand à l'argument de l'attribut url() je ne sais jamais s'il faut mettre des guillemets ou pas, je doute toujours sur ce point

Code css :

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

background-image:url('http://www.monsite.fr/img.jpg')

[HiRoN]

Sauf erreur de ma part, background-repeat ne fonctionne pas sous Gmail & Outlook.

Edit : Confirmation ici

[12monkeys]

Bonsoir

Ici aussi dans les cours et tutoriels CSS : http://a-pellegrini.developpez.com/tutoriels/css/email/