Image de fond en fonction des dimensions de la pageRésolu/Fermé

Question

Salut a tous !


débutant en HTML, j'ai essayé de trouver moi même une solution a mon problème et ai réussi a bidouiller un truc qui répond a peu près a ma problématique, mais qui a malheureusement rendu mon code vraiment crade...

je viens donc demander l'avis de pro, peut être qu'une balise toute conne répondra a mon problème.. :)

Ce que j'essaie de faire :
un truc dans ce genre la : https://refuge-bellegarde.fr/

c'est a dire 
- une image de fond fixe qui occupe toute la page et reste centréelorsqu'on rétréci et agrandi la fenêtre
- un menu qui défile au dessus de l'image fixe  

(pour ca j'ai deja essayé avec les positionnements fixe et absolue mais je m'emmêle un peu les pinceaux)




- En bonus j'aimerais que lorsque je sélectionne une image dans le menu qui défile au centre, elle apparaisse comme image fixe du fond avec par exemple une espèce d'effet de fondu pour pas que le changement soit trop brutal.. mais je ne pourrais pas faire ça en HTML j'imagine, puisqu'il faut un script pour pouvoir modifier la page sans la recharger intégralement. Quel langage dois je apprendre pour ca? javascript?

AssassinTourist · Accepted Answer

Bonjour,

Pour son fond, son code css c'est :  
html{
  background : url("img/terre.jpg") no-repeat fixed 50% bottom, url("img/terre_bgd.gif") repeat-x fixed left bottom #87B4DE
}

Pour le menu qui défile, je ne vois pas duquel tu parles.

Deff51 · Answer

Je me suis peut être mal exprimé, je parle tout simplement du bloc transparent au milieu ou tout est écrit (qui, lui, n'est pas fixe ! )

AssassinTourist · Answer

Ah ok.

Normalement tu n'as rien à faire de spécial, pas de paramètre à rajouter.  Par défaut, tout défile (l'image, le texte, etc.). C'est le critère "fixed" dans ton background qui spécifie que cet élément va avoir un comportement particulier. Le reste vit sa vie.

Deff51 · Answer

Je sais ça, le slider bouge sans soucis, j'arrive aussi a le centrer avec des margin-left en pixel, mais j'ai beau essayer,  impossible de le centrer au milieu avec les pourcentages (pour qu'il soit centré quel que soit la résolution d'écran du pc sur lequel je suis)...

absolute 50% bottom ne semble pas marcher

Image de fond en fonction des dimensions de la page

4 réponses

Discussions similaires

Newsletters