Ich lerne, wie man eine Website schreibt, aber ich habe ein Problem. Ich habe eine Navbar mit Dropdown-Menü, ich kann auf das Dropdown-Menü klicken, um auf eine andere Seite zu gehen, aber die Elemente, die Dropdown nicht haben können. Zum Beispiel kann ich auf HTML CSS klicken und auf diese Seite gehen, aber ich kann Wenn ich auf Maschinelles Lernen klicke.Navbar ist nicht anklickbar
Hier ist meine navbar-Code und CSS:
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #B3E5FC;}
li {
float: left;}
li a, .dropbtn {
display: inline-block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;}
li a:hover, .dropdown:hover .dropbtn {
background-color: #6200EA;
color:white;}
li.dropdown {
display: inline-block;}
.dropdown-content {
display: none;
position: absolute;
background-color: #B3E5FC;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;}
.dropdown-content a:hover {background-color: #6200EA}
.dropdown:hover .dropdown-content {
display: block;}
.ul {
position: fixed;
top: 20px0px;
width: 100%;}
.active {
background-color: #B3E5FC;
color: Red;}
<ul>
\t \t <li><a class="active" herf="index.html">Home</a></li> \t \t \t
\t \t \t <li class="dropdown">
<a href="#" class="dropbtn" >Code Language </a>
<div class="dropdown-content">
<a href="HTML CSS.html">HTML CSS </a>
<a href="JavaScript.html">JavaScript</a>
<a href="Java.html">Java</a>
\t \t \t \t <a href="Android.html">Android</a>
\t \t \t \t <a href="Python.html">Python</a>
</div>
\t \t </li>
<li class="nav"> \t \t \t
\t \t \t <a herf="machine_learning.html">Machine Learning</a>
<a herf="Internet Of Things.html">Internet Of Things</a>
<a herf="Raspberry Pi.html">Raspberry Pi</a>
<li class="dropdown"> \t \t
<a href="#" class="dropbtn" >Others </a>
<div class="dropdown-content">
<a href="Entertainment.html">Entertainment</a>
<a href="Cosmetic.html">Cosmetic</a>
<a href="Plants.html">Plants</a>
</div>
\t \t </li>
\t \t \t </li>
Dank. Es funktioniert, nachdem ich den Zauber geändert habe – snowowl