Discussion :

[fred7]

Bonjour,

Cela faisait longtemps que j'ai pas poster un message d'aide sur un forum mais là je galère trop depuis ce midi donc voici mon souci:

Je suis en train de modifier mon fichier CSS pour que mon site soit extensible et s'adapte à différentes résolutions d'écran.
Tout marche pour le mieux sauf une seul et unique chose à savoir l' image de fond de mon menu que je n'arrive pas à redimensionner.

Concrètement, en ce qui concerne ma bannière (qui n'es pas une image de fond)
j'utilise des balise directement dans le code html:

<img src = "url de ma bannière" alt="Bannière" width="97.5%" height="26.2%" />

ma bannière se redimensionne donc correctement selon la résolution de l'écran.

Concernant l'image d'arrière plan de mon menu Je voudrai avoir le même résultat mais avec du code css car le jour ou je devrai modifier le style du site je ne veut pas avoir à parcourir toutes mes pages html pour ce faire alors que quelques modifications apportés au css suffiraient.

Donc pour résumer comment redimensionner (étirer) une image (en%) en CSS?

Par avance merci.

[Damouille]

Une image en background n'est pas redimensionable. Desole. Sinon, pour redimensionner un tag <img> en css:

Code :

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

1
2
3
4
img {
width: 100%;
height: auto;
}

Avec ce code, toutes les images feront 100% du container en largeur, et la hauteur sera proportionnelle.

[HiRoN]

Bonjour,

Tu peux toujours faire "répéter" l'image via background-repeat (mais cela dépend de la configuration du site).
Une page en ligne serait la bienvenue afin de pouvoir visualiser

[fred7]

Bonjour,

Merci du coup de main

je ne vous cache pas que ça me déçois un peut qu'une image en background ne soit pas redimensionnable via css. du coup je vais le faire en html.

[Macmillenium]

Bonjour,

je ne vous cache pas que ça me déçois un peut qu'une image en background ne soit pas redimensionnable via css. du coup je vais le faire en html.

Bientôt, bientôt ...

En espèrent qu'elle sera retenue par le CSS Working Group

En attendant, tu peux adapter l'exemple de GihefBey http://www.developpez.net/forums/d69...e/#post4034658

Pour apprendre CSS regarde du coté des tutoriels et cours en CSS : http://css.developpez.com/cours/