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.

Adapter l'arrière plan a chaque écran

Voir le sujet précédent Voir le sujet suivant Aller en bas

Adapter l'arrière plan a chaque écran

Message par studuo le 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

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

Message par Solie le 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 ?
avatar
Solie

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

http://www.voixoff.com

Revenir en haut Aller en bas

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

Message par studuo le 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

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

Message par FredVig le 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.

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

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

Message par studuo le 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

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

Message par Disney Analysis le 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
avatar
Disney Analysis

Messages : 60
Date d'inscription : 11/11/2014
Age : 25
Localisation : France

http://www.disneyanalysis.fr

Revenir en haut Aller en bas

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

Message par studuo le 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

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

Message par studuo le 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

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

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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