salut je cherche à faire comme le menu de Alsacreations qui s'adapte à la largeur de l'écran sans faire apparaitre une barre de défilement horizontale.

Mais attention pas comme la bannière du forum Alsacreations qui utilise l'astuce bien connue d'intercaler en extrémité d'images (ici au milieu entre 2 images) une couleur d'arrière-plan et permettant ainsi d'adapter la bannière.

Revenons à notre menu : si je rétrécie la dimension de la fenêtre de mon browser, le menu Aslsacreations s'adapte et le tout avec une image (ici c'est l'orange à droite).
En clair sur mon ordi le site s'affiche sans barre de défilement horizontale bien que mon écran fasse moins de 976px de large utile (976px étant la largeur de horizontale de l'image du menu ... et C'est une IMAGE JPG) ???
bonjour,

en fait c'est tout à fait normal puisqu'il s'agit d'une image de fond (propriété css background-image). Elle n'est pas en dur dans la page et ne peut donc agir sur la largeur de celle ci.

++
Faut que je reéssaye alors parce que j'avais vu la feuille de style avec background-image: url(blabla). Mais lors de mes essais cela ne marche pas. Et en plus je n'arrive pas à implémenter la propriété background image avec no-repeat (cela enlève l'affichage). C'est pour cela que je me demandais q'il y avait une astuce avec un autre sélecteur quelque-part. Mais bon, je vais réessayé. Smiley confus
Oui effectivement je crois que pour avoir des valeurs regroupées pour l'image de fond il faut utiliser la propriété background elle même et non background-image qui je pense ne donne que l'url.


background:url() no-repeat 0 0;