Est-il possible d'arrêter de répéter l'image d'arrière-plan dans une table de données (TD) sans CSS?
Par exemple
<table>
<tr>
<td background="http://foobar.com/image.jpg">Some text</td>
</tr>
</table>
Je recherche une solution HTML, car je développe un modèle HTML qui sera utilisé pour un mail newsletter.
Vous pouvez ajouter le css à votre balise directement dans votre code html:
<td style="background-image:url(smile.gif); background-repeat:repeat;">
Je pense qu'il n'y a aucun moyen de le faire simplement en utilisant du HTML!
Réponse simple: non.
Heureusement, la plupart des e-mails peuvent utiliser le style css en ligne. En tant que tel, j'essayerais ce qui suit et voir si cela répond à vos attentes.
<td style="background:url(http://foobar.com/image.jpg) no-repeat;">Some text</td>
En cas d'échec (comme je l'ai déjà vu), la seule autre option est de placer l'image dans une balise <img> et de la manipuler pour qu'elle tombe sous le texte.
Voir ici pour les attributs CSS pris en charge: http://www.campaignmonitor.com/css/
J'espère que cela t'aides.
Pour une compatibilité maximale, vous devez utiliser à la fois le CSS en ligne et l'attribut d'arrière-plan HTML, car certains clients ignorent l'un mais pas l'autre.
<td style="background-image:url('http://www.example.com/smile.gif'); background-repeat:no-repeat;" background="http://www.example.com/smile.gif">Some text</td>
Quelques points à noter:
La meilleure façon de l'empêcher de se répéter est simplement de rendre l'image beaucoup plus grande que nécessaire, afin qu'elle n'ait jamais besoin de se répéter.
les images d'arrière-plan sont prises en charge. Veuillez consulter ce générateur: http://backgrounds.cm
Si vous voulez que l'image ne se répète pas, ajoutez simplement un style en ligne:
style="background-repeat: no-repeat;"
aux balises contenant l'image d'arrière-plan.