Bonsoir, 

Pour la création de mon site, j'ai voulu rajouter une navbar animée et malheureusement dès que je mets l'un de mes éléments en position: absolut,relative ou autre. Cet élément passe automatiquement par dessus ma navbar.

J'aimerais juste savoir si y a une solution à ça ?

nav{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 80px;
padding: 10px 100px;
box-sizing: border-box;
transition: .5s;
}
nav.black
{
padding: 0em;
background: rgba(0,0,0,.8);
height: 90px;
padding: 5px 50px;
}
nav .logo{
float: left;
}
nav .logo img{
height: 80px;
transition: .5s;
}
nav ul{
float: right;
margin: 0;
padding: 0;
display: flex;
}
nav ul li{
list-style: none;
}
nav ul li a{
line-height: 90px;
color: white;
padding: 2px 17px;
font-family: 'Lato', sans-serif;
font-size: 140%;
text-decoration: none;
text-transform: capitalize;
transition: .5s;
}
nav ul li a.active,
nav ul li a:hover
{
color: black;
background: white;
}

-
Edité par AuKs 20 janvier 2019 à 15:16:30

Bonjour,

Merci d'utiliser la mise en forme de code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

-
Edité par AuKs 20 janvier 2019 à 15:17:24

Bonjour,

Oui merci beaucoup c'était exactement ça mon problème !