Ich habe eine Nav-Leiste, die einige Registerkarten hat, aber ich möchte ein Dropdown-Menü, das bei Hover in Genre Registerkarte erscheint. Code lautet wie folgt:HTML-Dropdown-Menü in nav
<nav>
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="index.html">PLaying Now</a></li>
<li><a href="index.html">Genre</a></li>
</ul>
</nav>
Und die CSS-Code ist:
nav { /* Navbar align */
text-align:center;
}
ul { /* Navbar settings */
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li { /* Text align */
float: left;
}
li a { /* Menu variable */
display: block;
color: white;
font-size: 20px;
text-align: center;
padding: 16px 16px; /* height width */
text-decoration: none;
}
li a:hover:not(.active) { /* Tab over mouse */
background-color: #111;
}
.active { /* Tab active color */
background-color: #791519;
}
Was ändere ich muss das geschehen lassen?
a Wurden durch diese Zeilen lesen. Es ist ziemlich einfach zu implementieren: http://www.w3schools.com/howto/howto_js_dropdown.asp – MSarandev
Ja, ich sah das, aber als ich versuchte, es mit meinem Code arbeiten zu lassen, hatte ich ein paar Probleme. Darum habe ich gefragt. Ich fragte mich, ob mir jemand mit dem Code helfen könnte, den ich bereits habe. – xitro