Discussion :

[FredericB]

Bonjour,

Je cherche à mettre une image (qui représente une fenêtre avec des couleurs et ombres) dans un <table>.
J'ai mis l'image en background dans mon <table>, mais lorsque le texte est plus grand que mon image, elle s'affiche plusieurs fois, ce qui n'est pas très jolie.

Auriez-vous une idée pour afficher cette image sans la déformer, même si le texte à l'intérieur de mon <table> est plus grand que cette image ?
Peut-être avec les styles ?

Merci

[royto]

le plus simple est d'utiliser les styles.

tu rajoute un identifiant a ta table

Code :

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

1
2
3
<table id="maTable">
...
</table>

et dans ton style

Code :

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

1
2
3
4
#maTable {
background-image : url(background.jpg);
background-repeat : no-repeat;
}

background-repeat : no-repeat; permet de dire que tu n'affiche qu'une seule fois ton image.

[XtoX]

Par contre, ton image ne se redimensionnera pas. Ce n'est pas possible en css d'étirer une image en respectant ses proportion (sans respecter les proportions non plus d'ailleurs).

[FredericB]

Merci pour vos aides.