Bonjour à tous,

Je souhaite mettre une image en arrière plan des cases d'un tableau dynamique (la taille et les proportions des cases ne sont pas connues à l'avance (définit en JS), elles peuvent donc être des carrés ou des rectangles soit horizontales ou verticales).

Le problème est que mon image se répète (se que je ne souhaite pas) ou seulement une partie de l'image s'affiche. Je veux donc étirer l'image sur toute la surface de ma cellule de tableau quelque soit ses proportions et sa taille.

J'ai utilisé background-size mais je n'ai trouvé la propriété qui permet d'étirer l'image.

J'ai également utilisé background-repeat: no-repeat mais cela créé des lignes blanches, ce que je ne souhaite pas.

Voila ce que ça donne dans le premier cas : image entière mais avec bordure blanche

Voila ce que ça donne dans le second cas : image coupé mais sans bordure blanche

Ce que je souhaite c'est que les images soient étirées et/ou aplati en fonction des proportions de la cellule

Merci de votre aide

Essaye de rajouter un

background-size: 100% 100%;