Discussion :

[zelda]

Bonjour,

Je voudrais mettre dans une page web une image dont la taille s'adapte à la taille d'une div. Cela m'est égal qu'elle se déforme ; si l'image d'origine fait 50x50 et que la div au final fasse 25x150, alors je souhaite que mon image soit affichée sur 25x150.

Et, bien sûr, je ne sais pas à l'avance quelle taille aura ma div.

Y a-t-il un moyen de faire cela, si possible en CSS, et soit avec l'image en avant plan, soit en arrière plan ?

Meric pour votre aide.

[tfe]

tu as essaye de specifier un width:100% , height:100% sur l image?

[zelda]

Oui, cela semble bien marcher lorsque l'image est désignée par la balise img, et que je la mets dans une div. Dans ce cas je peux mettre les dimensions de l'image à 100%, et ensuite cela s'adapte aux dimensions du div, qui peuvent aussi être données en pourcentages, c'est bien.

Par contre je n'ai pas trouvé comment faire lorsque l'image est placée en arrière plan d'une div ?

[tfe]

je pense pas que ce soit faisable
au mieux tu fais un
background-repeat:repeat; pour repeter le motif de l image pour prendre toute la place.