Box avec arrière plan étendu
2 participants
Page 1 sur 1
Box avec arrière plan étendu
Bonjour à tous,
j'ai créé mon site www.chapteuil-sports-nature.com et je rentre un petit problème avec mon bandeau photos du haut de page.
J'ai ajouté une box avec un arrière plan étendu pour afficher mon bandeau de plusieurs photos que j'ai créé pour qu'il s'affiche sur toute la largeur de page. Cela fonctionne bien sur un grand écran mais lorsqu'on passe sur un plus petit (ex : sur un macbook) ça me coupe les deux images de côté. Est ce qu'il y a une solution pour que mon bandeau s'adapte à la largeur de l'écran ?
Merci à tous pour votre aide.
j'ai créé mon site www.chapteuil-sports-nature.com et je rentre un petit problème avec mon bandeau photos du haut de page.
J'ai ajouté une box avec un arrière plan étendu pour afficher mon bandeau de plusieurs photos que j'ai créé pour qu'il s'affiche sur toute la largeur de page. Cela fonctionne bien sur un grand écran mais lorsqu'on passe sur un plus petit (ex : sur un macbook) ça me coupe les deux images de côté. Est ce qu'il y a une solution pour que mon bandeau s'adapte à la largeur de l'écran ?
Merci à tous pour votre aide.
Dernière édition par isscool le Sam 1 Fév 2020 - 11:48, édité 1 fois
Re: Box avec arrière plan étendu
Bonjour
C'est normal elle est en fond de box
Il faut comme tu as fait mettre la box en box étendue et ensuite tu mets dans cette box étendue un élément image qui prendra toute la largeur de la box et donc aussi de l'écran, et l'image s'adaptera automatiquement à n'importe quelle largeur d'écran.
Cordialement
C'est normal elle est en fond de box
Il faut comme tu as fait mettre la box en box étendue et ensuite tu mets dans cette box étendue un élément image qui prendra toute la largeur de la box et donc aussi de l'écran, et l'image s'adaptera automatiquement à n'importe quelle largeur d'écran.
Cordialement
Re: Box avec arrière plan étendu
j"avais pas bien lu en fait pour ton fond de box il faut mettre en mode cover pour qu'il s'adapte à la largeur
Et comme je suppose que tu as mis un spacer pour avoir la vue de l'image de fond il faut diminuer la hauteur du spacer sur les vues MD et SM indépendamment les unes des autres pour conserver le ratio de l'image de fond.
Une hauteur spécifique pour chaque vue.
Et comme je suppose que tu as mis un spacer pour avoir la vue de l'image de fond il faut diminuer la hauteur du spacer sur les vues MD et SM indépendamment les unes des autres pour conserver le ratio de l'image de fond.
Une hauteur spécifique pour chaque vue.
Re: Box avec arrière plan étendu
J'ai oublier de le préciser moi aussi mais j'avais déjà mis la box étendue avec un arrière plan en mode cover, mais ça ne s'adapte pas à l'écran.
Par contre ça à l'air de fonctionner en ajoutant une image à l’intérieur de ma box.
Par contre ça à l'air de fonctionner en ajoutant une image à l’intérieur de ma box.
Re: Box avec arrière plan étendu
Effectivement l'image est le plus adapté pour que ça s'ajuste mais par contre tu ne peux pas avoir l'effet parallaxe
A toi de voir si soit l'image et tout est complètement automatique , rien à paramétrer
ou si tu veux l'effet parallaxe la mettre en fond cover mais ça ne suffit pas,
Il faut mettre un spacerV
et régler la hauteur du spacerV pour chaque format, en gros :
500 pour format Lg
400 pour format Md
200 pour format Sm
150 pour format Xs
A voir j'ai mis ça à la louche
Perso je choisirais l'image sans parallaxe
Très beau ton site j'aime le design c'est clair et donne envie de continuer la visite
A toi de voir si soit l'image et tout est complètement automatique , rien à paramétrer
ou si tu veux l'effet parallaxe la mettre en fond cover mais ça ne suffit pas,
Il faut mettre un spacerV
et régler la hauteur du spacerV pour chaque format, en gros :
500 pour format Lg
400 pour format Md
200 pour format Sm
150 pour format Xs
A voir j'ai mis ça à la louche
Perso je choisirais l'image sans parallaxe
Très beau ton site j'aime le design c'est clair et donne envie de continuer la visite
Re: Box avec arrière plan étendu
Merci beaucoup pour ton aide, je vais effectivement prendre la deuxième solution sans effet.
Merci aussi pour ton avis sur mon site. Ce n'est pas forcement évident de créer un site de A à Z en se mettant à la place de la personne qui va venir le visiter pour que ce soit clair.
Cordialement.
Merci aussi pour ton avis sur mon site. Ce n'est pas forcement évident de créer un site de A à Z en se mettant à la place de la personne qui va venir le visiter pour que ce soit clair.
Cordialement.
Sujets similaires
» Image d'arrière plan qui s'adapte à la taille de l'écran
» Bouton "Retour en haut" avec effet "Smooth Scrolling" avec WebAcappella Responsive
» Problème avec mon formulaire
» Prob avec les césures
» Fenêtre avec Fancybox
» Bouton "Retour en haut" avec effet "Smooth Scrolling" avec WebAcappella Responsive
» Problème avec mon formulaire
» Prob avec les césures
» Fenêtre avec Fancybox
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|