Discussion :

[sp41110]

Bonjour

Je m initie à Bootstrap avec l'ambition de creer un site et suis confronté à 1 pb:

Quand on clique sur le bouton menu (ecran mobile) le menu se deroule:
Je souhaiterai que le menu n affiche pas l ascenseur quand on clique sur un menu deroulant.
J ai cherché à modifier la balise navbar-collapse mais ce n est pas ça.

-Comment permettre que le menu ouvert avec le bouton soit 100% de la hauteur de ma page ?

Quand je fais defiler mon menu, il passe par dessus mon image logo.J aimerai aussi pouvoir mettre mon logo en premier plan. J ai donc donné un id à cette image et dans ma feuiille de style j ai mis un z-index:65535 mais rie, n y fait . Comment proceder ? Je psene que je devrais metre un faible z-index sur cette même balise queje n arrive pas à determiner. Qu en pensez vous ?

merci de votre aide

[01001111]

Bonjour

Je m initie à Bootstrap avec l'ambition de creer un site et suis confronté à 1 pb:

Quand on clique sur le bouton menu (ecran mobile) le menu se deroule:
Je souhaiterai que le menu n affiche pas l ascenseur quand on clique sur un menu deroulant.
J ai cherché à modifier la balise navbar-collapse mais ce n est pas ça.

Là il faut trouver l'élément parent de la scrollbar, et y appliquer une règle css comme celle-ci:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
selecteur/* exemple:".submenu" */  {
          overflow:hidden;
}

-Comment permettre que le menu ouvert avec le bouton soit 100% de la hauteur de ma page ?

pour trouver le bon sélecteur, clique droit sur un espace vierge du menu ouvert puis "inspecter", normalement, soit tu arrives sur le bon sélecteur, soit il faut prendre les parents successivement pour voir lequel est le bon. Ensuite, ça peut être compliqué vu que tu as un héritage qui ne va pas directement sur body, donc il faut passer par une sélection via javascript, utilisant document.querySelectorAll ou document.querySelector, et utiliser window.innerHeight comme valeur appliquée en css. Attention resize à gérer aussi.

Quand je fais defiler mon menu, il passe par dessus mon image logo.J aimerai aussi pouvoir mettre mon logo en premier plan. J ai donc donné un id à cette image et dans ma feuiille de style j ai mis un z-index:65535 mais rie, n y fait . Comment proceder ? Je psene que je devrais metre un faible z-index sur cette même balise queje n arrive pas à determiner. Qu en pensez vous ?
merci de votre aide

Là encore une fois, c'est un peu pareil, il faut que tu trouves via l'inspecteur ou à l'oeil quels sont les deux éléments frêres qui sont aux racines respectives du logo et du menu. mettre un z-index aux deux, avec 1 de plus au moins pour le parent du logo