Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Rejoignez le forum, c’est rapide et facile

Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
-23%
Le deal à ne pas rater :
EVGA SuperNOVA 650 G6 – Alimentation PC 100% modulaire 650W, 80+ ...
77.91 € 100.91 €
Voir le deal

Adapter l'arrière plan a chaque écran

4 participants

Aller en bas

plan - Adapter l'arrière plan a chaque écran Empty Adapter l'arrière plan a chaque écran

Message par studuo Lun 8 Fév 2016 - 13:37

Bonjour,

je rencontre un petit soucis sur le design de mon site en pleine construction.
J'ai intégré un diaporama en arrière plan, j'aimerais que l'image prenne presque toute la hauteur de l'écran et laisse entrevoir le menu tout en bas.

J'ai donc modifié le head en tapant ce code :

Code:
<style type="text/css">
/*<![CDATA[*/
.tpl-spacing {
    height: 850px;
}
/*]]>*/
</style>


<style type="text/css">
/*<![CDATA[*/
.body {background-color:white;}
/*]]>*/
</style>


Malheureusement ça ne s'adapte pas à toutes les résolutions d'écrans.
Avez-vous une solution ?

Merci

studuo

Messages : 14
Date d'inscription : 08/02/2016

http://studuo.jimdo.com

Revenir en haut Aller en bas

plan - Adapter l'arrière plan a chaque écran Empty Re: Adapter l'arrière plan a chaque écran

Message par Solie Lun 8 Fév 2016 - 15:30

Malheureusement ça ne s'adapte pas à toutes les résolutions d'écrans.
De mon côté, à part l'image vierge que vous avez insérée dans votre diaporama, je ne vois rien de choquant. Pourriez-vous être plus précis ou poster des captures des écrans qui vous posent problème ?
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

plan - Adapter l'arrière plan a chaque écran Empty Re: Adapter l'arrière plan a chaque écran

Message par studuo Lun 8 Fév 2016 - 15:37

Peut être qu'il s'affiche bien chez vous, comme sur mon pc, mais sur mon ordinateur portable par exemple au lieu d'avoir une page d'accueil avec la photo qui prend presque tout la hauteur et le menu principal en bas de la page, le menu ne s'affiche pas il faut faire un scroll pour le voir.

J'espère être assez clair ...

studuo

Messages : 14
Date d'inscription : 08/02/2016

http://studuo.jimdo.com

Revenir en haut Aller en bas

plan - Adapter l'arrière plan a chaque écran Empty Re: Adapter l'arrière plan a chaque écran

Message par FredVig Lun 8 Fév 2016 - 15:40

Essayez de fixer le menu en bas de page. (position fixed)
ça irait bien avec votre design de site.
FredVig
FredVig

Messages : 2392
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

plan - Adapter l'arrière plan a chaque écran Empty Re: Adapter l'arrière plan a chaque écran

Message par studuo Lun 8 Fév 2016 - 15:41

Pourriez vous m'indiquer comment faire, le html et css c'est pas mon fort ^^

studuo

Messages : 14
Date d'inscription : 08/02/2016

http://studuo.jimdo.com

Revenir en haut Aller en bas

plan - Adapter l'arrière plan a chaque écran Empty Re: Adapter l'arrière plan a chaque écran

Message par Disney Analysis Lun 8 Fév 2016 - 18:50

Bonjour Smile

Je pense avoir saisi votre problème : vous souhaitez que la hauteur de l'image de fond en haut s'adapte à la hauteur de l'écran pour que le menu apparaisse toujours en bas de page, quelque soit la hauteur de l'écran; c'est bien ça ?

Malheureusement, c'est assez difficile à faire puisqu'il existe des tas de résolutions d'écran différentes et parmi elle des combinaisons de tailles d'écrans très différentes également (par exemple, un écran 15,6" n'aura pas toujours le même rapport hauteur/largeur en fonction qu'il soit un écran 4/3, 16/9, 16/10, ect.). L'adaptation d'un écran à l'autre se nomme "responsive".

Ainsi, si par exemple, dans le code que vous donnez, si vous fixez la hauteur à 850px, le résultat obtenu sera parfait sur un écran à hauteur de 850px, mais trop court sur un écran moins haut (le content apparaîtra alors) ou trop long sur un écran plus haut (le menu n'apparaîtra pas alors).

Il faudrait donc, si vous maîtrisez le CSS, travailler avec un menu "fixed", avec le CSS "top" ou passer par un "min-height/max-height".

Je vous conseille pour ma part de ne pas fixer le header comme vous l'avez fait mais de travailler avec le "min-height/max-height" et de fixer le menu comme le proposent nos collègues.

J'espère que ça pourra vous aider Wink
Disney Analysis
Disney Analysis

Messages : 63
Date d'inscription : 11/11/2014
Age : 31
Localisation : France

http://www.disneyanalysis.fr

Revenir en haut Aller en bas

plan - Adapter l'arrière plan a chaque écran Empty Re: Adapter l'arrière plan a chaque écran

Message par studuo Lun 8 Fév 2016 - 19:16

Oui c'est exactement ça,
car par la suite j'aimerais que pour les autres pages, il n'y ai plus d'arrière plan, mais le logo et le menu principal tout de haut des pages.
Finalement il ne s'agit que de la page d'accueil, mais elle est importante.
malheureusement je ne maîtrise pas le css, peut être travailler pourcentage non ?

studuo

Messages : 14
Date d'inscription : 08/02/2016

http://studuo.jimdo.com

Revenir en haut Aller en bas

plan - Adapter l'arrière plan a chaque écran Empty Re: Adapter l'arrière plan a chaque écran

Message par studuo Mer 10 Fév 2016 - 8:25

Personne pour m'aider ?

studuo

Messages : 14
Date d'inscription : 08/02/2016

http://studuo.jimdo.com

Revenir en haut Aller en bas

plan - Adapter l'arrière plan a chaque écran Empty Re: Adapter l'arrière plan a chaque écran

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum