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.
Le deal à ne pas rater :
TCL C74 Series 55C743 – TV 55” 4K QLED 144 Hz Google TV (Via ODR ...
499 €
Voir le deal

problème de hauteur de header (déplacé)

2 participants

Aller en bas

header - problème de hauteur de header (déplacé) Empty problème de hauteur de header (déplacé)

Message par jean876966 Ven 6 Sep 2019 - 19:56

Bonjour
Je ne comprends pas ce qui s'est passé. Le design de mon site est Stockholm, parce que les photos sont importantes, je souhaite un header le plus haut possible. J'ai fait une modif il y a quelques jours, j'ai changé toutes les photos (en diaporama) et je constate que la hauteur du header dans toutes les pages et sous pages du site est de hauteur bien plus faible. Est ce normal (il ne me semblait pas qu'il en était ainsi) et si oui puis je y remédier en modifiant le head. Attention je ne suis pas doué en html.
Merci pour votre aide.
Jean

jean876966

Messages : 5
Date d'inscription : 11/12/2016

http://randoscanetoises.fr

Revenir en haut Aller en bas

header - problème de hauteur de header (déplacé) Empty Re: problème de hauteur de header (déplacé)

Message par FredVig Ven 6 Sep 2019 - 21:57

Seule la première page de ce design est en pleine hauteur.

Vous pouvez sans doute modifier la hauteur des autres pages avec ce genre de code dans modifier le head :
Code:
<style>
.jtpl-header {
   min-height: 700px;
}
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

header - problème de hauteur de header (déplacé) Empty Re: problème de hauteur de header (déplacé)

Message par jean876966 Ven 6 Sep 2019 - 22:16

Merci pour la réponse rapide
Mais cela ne fonctionne pas
Je me répète peut être mais avant la manip les pages avaient un header de la même hauteur. C'est une des conditions pour le choix de ce design : haut et identique sur toutes les pages.
Merci pour vos contributions
Jean

jean876966

Messages : 5
Date d'inscription : 11/12/2016

http://randoscanetoises.fr

Revenir en haut Aller en bas

header - problème de hauteur de header (déplacé) Empty Re: problème de hauteur de header (déplacé)

Message par jean876966 Ven 6 Sep 2019 - 22:18

Complément
Le code que j'ai introduit dans le Head
<style>
/* <![CDATA[ */
.jtpl-header {
min-height: 1988px;
widht: 1988px;
/*]]>*/
</style>

jean876966

Messages : 5
Date d'inscription : 11/12/2016

http://randoscanetoises.fr

Revenir en haut Aller en bas

header - problème de hauteur de header (déplacé) Empty Re: problème de hauteur de header (déplacé)

Message par FredVig Sam 7 Sep 2019 - 10:35

C'est " width", (pas "widht"). N'oubliez pas de fermer l'accolade } en fin de règle.
Il vaut mieux ne pas chercher à modifier cette propriété width car elle subit déjà plusieurs variantes dans le code natif.

Stockholm est un design particulier : sur la page d'accueil, le menu est renvoyé en bas de fenêtre et l'image est placée plein écran.

Dans les pages intérieures, le menu reste à la même place, en fonction de la largeur de fenêtre du navigateur, il y a 3 ou 4 valeurs selon la largeur de fenêtre. la plus haute est de 450px. ça sera compliqué de paramétrer cette valeur min-height du header de façon prévisible, en tout cas sans toucher aux media queries, essayez éventuellement ceci :
Code:
@media (min-width:1170px){.jtpl-header{min-height:700px!important;}
Cela devrait changer la hauteur du header sur les pages intérieures, lorsque la fenêtre est large.
Ne mettez pas une valeur trop grande (> à 700px)  car le menu disparaitrait sous la fenêtre, ce qui n'est pas agréable pour le visiteur. Il serait d'ailleurs préférable de prendre un design avec menu en tête Bordeaux par exemple

Vous avez un objectif qui est de montrer des images en grande taille. Je pense qu'il est préférable de chercher à utiliser ce que propose par défaut les designs de Creator pour parvenir à cet objectif, plutôt que de vouloir modifier le code d'une partie essentielle du design. Par exemple en plaçant ces images ou ces galeries en slider, dans le contenu même de la page.

Techniquement, le header est une zone vide et mobile, qui laisse apparaître l'arrière-plan du site. Ce contenu est donc susceptible de ne pas apparaître selon le type de navigateur que le visiteur utilise, en particulier sur un portable.
Dans les designs à Header fixe, Rome et Florence ont des hauteurs importantes.
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

header - problème de hauteur de header (déplacé) Empty Re: problème de hauteur de header (déplacé)

Message par jean876966 Dim 8 Sep 2019 - 15:52

Bonjour
Merci encore pour votre aide et vos conseils.
Malheureusement et un peu comme vous l'aviez annoncé, cela ne fonctionne pas.
Je vais regarder les autres design mais en changer est une grosse affaire qui prend beaucoup de temps et malgré ce qui est écrit peut faire des dégâts.
Merci encore et à bientôt sur le forum
jean876966

jean876966

Messages : 5
Date d'inscription : 11/12/2016

http://randoscanetoises.fr

Revenir en haut Aller en bas

header - problème de hauteur de header (déplacé) Empty Re: problème de hauteur de header (déplacé)

Message par FredVig Dim 8 Sep 2019 - 17:18

<style>
@media (min-width:1170px){.jtpl-header{min-height:700px!important;}}
</style>
J'avais oublié une accolade.
FredVig
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

header - problème de hauteur de header (déplacé) Empty Re: problème de hauteur de header (déplacé)

Message par jean876966 Dim 8 Sep 2019 - 18:54

Bonjour
Ca marche. Le résuktat correspond à mon attente
Merci encore
Bonne soirée.
A bientôt.
Jean876966

jean876966

Messages : 5
Date d'inscription : 11/12/2016

http://randoscanetoises.fr

Revenir en haut Aller en bas

header - problème de hauteur de header (déplacé) Empty Re: problème de hauteur de header (déplacé)

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