Elements cachés par la barre de navigation
RésoluClaire_249 Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je souhaite réaliser un site web dans le cadre de mes études.
J'ai intégré une barre de navigation mais les éléments que je souhaite placer à la suite s'affiche derrière celle-ci et je ne comprends pas pourquoi.
Y a t-il quelque chose à rajouter ou ai-je loupé une étape ?
Voici la partie de ma barre de navigation et du premier élément que je veux insérer au-dessous.
Merci d'avance
<body> <header> <nav class="navbar navbar-expand-md navbar-dark fixed-top"> <div class="container-fluid"> <!--<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>barre laterale pour se deplacer sur la page ?--> <div class="collapse navbar-collapse" id="navbarCollapse"> <h2 class = "titrePharma">Pharmacie du Bailly</h2> <ul class="navbar-nav me-auto mb-2 mb-md-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="#">Accueil</a> </li> <li class="nav-item"> <a class="nav-link active" href="../connexion/pageConnexion_bootstrap.html">Connexion</a> </li> <li class="nav-item"> <a class="nav-link active" href = "">Page Legales</a> </li> <li class = "nav-item"> <a class = "nav-link active" href = "../contact/styleContact.css">Contact</a> </li> </ul> <form class="d-flex" role="search"> <input class="form-control me-2" placeholder="Search"> </form> </div> </div> </nav> </header> <!--ancre--> <div class = "containerAncres"> <h3 class = "titreAncres">Quelques exemples de recherche : </h3> <div class = "boxAncres"> <ul> <li><a class = "bouton" href="#rubriqueBeaute">Beauté</a></li> <li><a class = "bouton" href="#rubriqueBeaute">Beauté</a></li> </ul> <a class = "bouton" href="#rubriqueBienEtre>">Bien - etre</a> <a class = "bouton" href="#rubriqueSexualite">Hygiène et Sexualité</a> <a class = "bouton" href="#rubriqueBebe">Grossesse et enfants</a> </div> </div>
EDIT de la modération : Ajout des BALISES DE CODE.
Merci d'y penser la prochaine fois
Windows / Edge 108.0.1462.54
- Les sites web peuvent garder la trace de votre navigation en déposant des
- Navigateur web - Guide
- Meilleurs sites de téléchargement - Accueil - Outils
- Web office - Guide
- Création de sites web - Guide
- Sites de vente d'occasion - Guide
2 réponses
Bonjour,
Tu le dis pas dans ton message... mais je suppose que tu utilises bootstrap.
Et donc, n'aurais tu pas oublié un espace entre le nom de tes class dans ta div
<div class = "containerAncres"> <!-- A changer par --> <div class = "container Ancres">
A noter également que nous ne pourrons pas te donner plus d'aide sans savoir si tu as utilisé d'autre CSS (autre que celui de bootstrap )
Il serait bien également de préciser quelle version de bootstrap tu utilises...
Et pour finir, tu trouveras de nombreux exemples (voir même des générateurs de code) pour utiliser bootstrap... a toi de respecter la structure des pages et la syntaxe pour se conformer au fonctionnement de ce framework css.
Bonjour, merci pour votre réponse.
C'est intentionnel que l'espace ne soit pas présent; je fais ca pour la plupart de mes class ca ne m'a jamais posé problèmes pour le moment.
Oui j'ai oublié de préciser que j'utilise bootstrap, et mon erreur dois venir de là. J'ai remplacer ma barre de navigation par une nouvelle barre de navigation bootstrap et mon problème a disparu. J'avais du supprimer une ligne qu'il ne fallait pas, je ne suis pas totalement au point avec bootstrap.
Merci encore