[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]
コメント