En poursuivant votre visite de ce site, vous acceptez l'utilisation de cookies pour permettre ses différents services. Voir les Mentions légales.
 
 
 
Vous êtes ici :   Accueil » Forum » En vrac ! » Menu latéral fixe ..... pas fixe
 
 
 
    Imprimer la page...
    Imprimer la section...

Forum - En vrac ! - Menu latéral fixe ..... pas fixe


Nombre de membres 56 membres
Connectés : ( personne )
Snif !!!
 

clos par JeanDenis le 02/04/2019 @ 17:06  Sujet n° 84

le 02/03/2019 @ 15:36
par anne_b64

anne_b64

23 messages

Bonjour Jean-Denis,

Je m'exerce à la mise en place d'un menu latéral fixe, sur un site non publié dont je ne peux donner l'adresse ici.

J'ai simplement repris le code donné dans le tuto, sans pour le moment aucune modif sur les images utilisées ni même les liens, c'est juste une tentative pour comprendre le fonctionnement. Mais, après déclaration du menu dans les boîtes top, il se place dans la partie centrale de mon site. Comment le mettre complètement à droite, dans la partie arrière plan?

J'ai capturé l'image; ICI

Merci de me mettre sur une piste pour fixer ce menu.

Anne

sujet clos Haut  
Réponse n° 1
--------
le 02/03/2019 @ 16:05
par JeanDenis

JeanDenis

Administrateur
179 messages

Bonjour Anne,

Oui, je crois voir ce qui ne va pas...

Dans le style du procédé, au tout début, tu as

.menu-lat1 .contenu_global { /* attribut du contenu */
    z-index:1; /* important, choisir une valeur qui convient */
    ...
}

Il faut mettre position: fixed; ... pour la valeur top... ce que tu veux et pour right : 0px;
d'où par exemple :

.menu-lat1 .contenu_global { /* attribut du contenu */
    z-index:1; /* important, choisir une valeur qui convient */
    position:fixed; /* mettre fixed pour fixer ce menu */
    top:30px; /* position en hauteur */
    right:0px; /* position à droite, mettre 0px pour fixer sur le bord droit */
}

J'imagine que tu as placé ce procédé dans une boite libre... Relis bien la fin du tutoriel pour le déclarer dans config boites

ainsi que la règle dans styleplus.css pour ne faire apparaitre ni le fond ni les bords (par exemple :)

.tblbox.FB8888 {  /* Corps MenuNavLat */
    background: transparent;
    border: none;    
}

Cordialement,

Site web JeanDenis
clos par JeanDenis le 02/04/2019 @ 17:06 Haut  
Réponse n° 2
--------
le 02/03/2019 @ 16:30
par anne_b64

anne_b64

24 messages

Merci Jean Denis, c'est exactement ce qui clochait. Par contre, je l'ai décollé du haut, et j'ai mis top: 200px z-index: Peux-tu me dire ce que change cette donnée? J'ai beau changer la valeur, mon œil humain ne voit aucune différence. J'avais aussi testé l'effet parallaxe, mais j'ai abandonné car après l'avoir coché dans config look, j'ai bien obtenu les 3 petits boutons, qui fonctionnent bien, mais un énorme écart s'est créé entre le menu horizontal et la page principale. Donc exit parallaxe. Merci pour ta réponse. Anne  

clos par JeanDenis le 02/04/2019 @ 17:06 Haut  
Réponse n° 3
--------
le 02/03/2019 @ 17:55
par JeanDenis

JeanDenis

Administrateur
180 messages

Re...

Pour la hauteur de ce menu latéral fixe, effectivement, c'est à régler en fonction du reste de l'habillage de ton site...

Pour la valeur z-index... tu peux ne te rendre compte de rien, bien sûr... mais cette valeur fixe les niveaux de superposition (les contextes d'empilement) des différents éléments de la page...

J'ai eu pas mal de surprises en règlant tous ces z-index sur les différents tests de mon site !

Il faut que le déploiement de ce menu couvre tout le reste... il faut donc un z-index assez élevé qui convienne :

z-index:0;  ne conviendra pas mais une autre valeur : 1 ou plus conviendra (un petit test que je fais : je réduis la largeur du navigateur pour tester les recouvrements)...

Par exemple, suite à un récent tutoriel, j'ai dû passer ce z-index à 30 pour être tranquille... alors...rolleyes

Pour Parallaxe, il faut que cela te convienne bien sûr, mais sache que les hauteurs peuvent se régler, mais pour cela, il faudrait le voir en ligne...

Bon courage...

Cordialement,

Site web JeanDenis
clos par JeanDenis le 02/04/2019 @ 17:06 Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum