Bonjour,

Actuellement j'ai deux problèmes sur mon site

le premier c'est ma barre de menu ne change pas malgré les tentatives de modification de ''ul'' en particulier la ''class'' au quel j'ai rajouter '' ml-auto '' en vain.

Et le deuxième est quand je fait "F5" sur mon site je tombe sur le formulaire de contact

<!------------------->
<!-- Barre de menu -->
<!------------------->

				<nav class="menu navbar navbar-expand-lg navbar-light justify-content-flex-end">
					<div class="container">
							<a class="navbar-brand" href="https://www.liba-yvangssie.fr">
								<img src="img/signature-lpy-noir.svg" width="60px" height="60px" 
								alt="imageflottante" class="img_a_center d-lg-none">
							</a>

								<button class="navbar-toggler" 
									    type="button" 	
									    data-toggle="collapse" 
									    data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
								
									<span class="navbar-toggler-icon"></span>
						
								</button>

						<div class="collapse navbar-collapse" id="navbarNav">

						<ul id="#lemenu" class="navbar-nav ml-auto flex-direction">

							<li class="nav-item img-menu d-none d-lg-block">
								<a class="nav-link" href="#"><img src="img/signature-lpy-noir.svg" width="180px" height="180px" 
									alt="img-float" class="img_a_left"></a>
							</li>

							<li class="nav-item">
								<a class="nav-link" href="#propos">A propos</a>
							</li>

							<li class="nav-item">
								<a class="nav-link" href="#compe">Compétences</a>
							</li>

							<li class="nav-item">
								<a class="nav-link" href="#porto">Portfolio</a>
							</li>

							<li class="nav-item">
								<a class="nav-link" href="#porto">CV</a>
							</li>

							<li class="nav-item">
								<a class="nav-link" href="#Contact">Contact</a>
							</li>

						</ul>
						</div>
					</div>
				</nav>

Avec le Css aussi

/* ------------- */
/* Barre de Menu */
/* ------------- */

        #navbarNav ul li a{color:rgb(127, 147, 235);
                           font-family: 'Patrick Hand', cursive; 
                           font-size: medium;
                         }

        .menu{  margin-top:2px; 
                
            }

        .menu ul{margin: auto;
                 padding:5; 
                 list-style: none;
                 background-color:#191919;
                 font-size: x-large;
                 font-weight: 700;
                 border-radius: 20px;
                } 

        .img-menu{position:relative; 
                  min-width:200px;
                }

        .img-menu img{position:absolute; 
                      z-index:5;
                      top:100%;
                      transform: translateY(-40%)
                    }

        .menu ul{display:flex;
                 justify-content: flex-start; 
                 align-items: center;
                }

        .menu ul li{ display:block;
                     position:relative;
                    }

        .menu ul li a{color:#7F8DEB; 
                      text-decoration: none; 
                      display:block; 
                      padding:20px; 
                      background-color:#191919; 
                      white-space: nowrap;
                      border-radius:20px;
                     }

            .menu ul li:not(:nth-child(1)) a:hover {
            background: rgb(201, 196, 255);
            color:#fff;
            transition:all 1s;
            border-radius:20px;
            padding: 10px
            } 

            #navbarNav ul li a:hover {color:#000;}

        .icon{color:#fff; font-size: 1.6em;}
        .icon{display:none;}

        .image1{margin: -100px 0 0 auto;}

        

                                      }

        .collapse .navbar-collapse{
            z-index: 1;
        }

 La prèmière image c'est ce que j'ai déjà et la deuxième image en bas c'est ce que je veux obtenir

-
Edité par Y'vangssieLlBA-PANGOU 27 juin 2020 à 18:23:43