Les liens de ma barre de navigation ne fonctionnent pas sur ma page Web

la programmation

[ad_1]

J’ai créé un site Web dans lequel dans la page d’accueil, les liens dans la barre de navigation ne fonctionnent pas mais fonctionnent dans les 2 autres pages, même lorsque j’ai lié des CSS avec toutes les pages. Dans la page d’accueil, les liens ne sont pas sélectionnés. Dans mon code, j’ai utilisé la couleur d’arrière-plan jaune pour montrer que le lien est sélectionné.

Ce que j’ai essayé :

CSS
#container{
  width:100%;
  height:130vh;
  }
nav{
  max-width: 130%;
  height: 55px;
  
  
  display: flex;
}
nav ul{
  float: center;
  margin-left: 30px;
}
nav ul li{
  
  display: inline;
  
  font-size: 26px;
  font-family: "Gill Sans", sans-serif;
}

nav ul li a{
  
  color: #FF7F50;
  padding: 30px;
}
nav ul li a:hover{
  background-color: yellow;
}
HTML
   <div class="container">
    
        <ul>
            <li><a href="index.html">Home</a></li>            <li><a href="abhigallery.html">Gallery</a></li>            <li><a href="feelings.html">My feelings</a></li>            <li><a href="sweetsurprise.html">A surprise</a></li>            
        </ul>
    
</div>
    


    <div class="wish">
       <br> Happy Birthday<br>
    </div>
    <div class="cake">
        <div class="plate"></div>
        <div class="layer"></div>
        <div class="icing">
            <div class="name">
                <p>Happy Birthday <br> <span id="name">Dear Medha</span></p>
            </div>
        </div>
        <div class="candle1">
            <div class="flame1"></div>
        </div>
        <div class="candle2">
            <div class="flame2"></div>
        </div>
        <div class="candle3">
            <div class="flame3"></div>
        </div>
        <div class="candle4">
            <div class="flame4"></div>
        </div>
        <div class="candle5">
            <div class="flame5"></div>
        </div>
    </div>
    <div class="text"><br>Hope all your birthday wishes come true.<br>
    <br> Baar baar yeh din aaye, baar baar yeh dil gaaye<br>
    <br> HAPPY BIRTHDAY TO YOU!!!<br>
    </div>

Solution 1

vous n’avez pas d’élément englobant avec la classe de nav.
essayez de joindre la balise

avec une balise

Solution 2

pas de solution, rentre chez toi car pas de solution

[ad_2]

コメント

Titre et URL copiés