web-dev-qa-db-fra.com

Aucune image répétée dans une table data (td)

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.

10
georgevich

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!

10
Upvote

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.

4
ebrandell

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:

  1. Vous devez utiliser une URL absolue pour l'image src
  2. Les guillemets autour de l'URL dans le style en ligne de l'image d'arrière-plan devraient être là (le contraire de la recommandation CSS normale, mais certains clients ont des problèmes si les guillemets simples ne sont pas inclus.)
  3. N'utilisez pas le raccourci CSS, encore une fois certains clients l'ignorent bien qu'ils analysent le longhand. En outre, certains définiront une couleur d'arrière-plan de # 000000 si vous ne définissez pas de couleur d'arrière-plan dans la version abrégée.
  4. Les images d'arrière-plan ne fonctionnent pas du tout dans Outlook 2007, sauf si vous utilisez un code propriétaire Microsoft plutôt astucieux. Malheureusement, ce code ne vous permet pas de l'empêcher de se répéter.

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.

3
Dan Blows

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.

3
Samuel Larcher