problème de hauteur de header (déplacé)
2 participants
Page 1 sur 1
problème de hauteur de header (déplacé)
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
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
Re: problème de hauteur de header (déplacé)
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 :
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;
}
Re: problème de hauteur de header (déplacé)
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
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
Re: problème de hauteur de header (déplacé)
Complément
Le code que j'ai introduit dans le Head
<style>
/* <![CDATA[ */
.jtpl-header {
min-height: 1988px;
widht: 1988px;
/*]]>*/
</style>
Le code que j'ai introduit dans le Head
<style>
/* <![CDATA[ */
.jtpl-header {
min-height: 1988px;
widht: 1988px;
/*]]>*/
</style>
Re: problème de hauteur de header (déplacé)
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 :
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.
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;}
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.
Re: problème de hauteur de header (déplacé)
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
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
Re: problème de hauteur de header (déplacé)
<style>
@media (min-width:1170px){.jtpl-header{min-height:700px!important;}}
</style>
J'avais oublié une accolade.
@media (min-width:1170px){.jtpl-header{min-height:700px!important;}}
</style>
J'avais oublié une accolade.
Re: problème de hauteur de header (déplacé)
Bonjour
Ca marche. Le résuktat correspond à mon attente
Merci encore
Bonne soirée.
A bientôt.
Jean876966
Ca marche. Le résuktat correspond à mon attente
Merci encore
Bonne soirée.
A bientôt.
Jean876966
Sujets similaires
» Hauteur header
» modifier la hauteur du header
» changer hauteur bouton
» Modifier hauteur arrière plan (header)
» menu : hauteur des lignes
» modifier la hauteur du header
» changer hauteur bouton
» Modifier hauteur arrière plan (header)
» menu : hauteur des lignes
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|