Image de fond en fonction des dimensions de la page
Résolu
Deff51
Messages postés
5
Statut
Membre
-
deff51 -
deff51 -
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?
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?
A voir également:
- Image de fond en fonction des dimensions de la page
- Impossible de supprimer une page word - Guide
- Fonction si et - Guide
- Fond de page word - Guide
- Mettre une image en fond sur word sur une seule page - Guide
- Image de manchots sur une image de plage. - Forum Graphisme
4 réponses
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.
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.
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 ! )
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.
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.
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
absolute 50% bottom ne semble pas marcher
