Была попытка исправить мой код в течение нескольких часов, и я просто не могу. Я хочу, чтобы у моего навигатора была функция выпадающего списка. Но я не могу заставить его работать.Выпадающее меню CSS3/HTML5
Как вы можете видеть, я начал с раскрывающегося меню, но я не могу понять, куда идти оттуда. Был googling, и нашел много примеров, попытался скопировать/вставить некоторые из бит, без каких-либо хороших результатов. Поэтому я думал, что ты сможешь помочь.
nav {
display: block;
background-color: indianred;
box-shadow: 0px 10px 5px #888888;
}
nav ul {
text-align: center;
}
nav ul li {
display: inline-block;
padding: 20px;
}
nav ul li a {
width: 125px;
color: black;
padding: 20px;
background-color: blueviolet;
text-decoration: none;
}
nav ul li a:hover {
background-color: aqua;
}
.dropdown {
display: none;
}
<nav>
<ul>
<li><a href="#">FORSIDE</a>
</li>
<li><a href="#">ERHVERVSUDDANNELSER</a>
<ul class="dropdown">
<li>content 1</li>
<li>content 1</li>
<li>content 1</li>
<li>content 1</li>
</ul>
</li>
<li><a href="#">EUX</a>
</li>
<li><a href="#">HTX</a>
</li>
<li><a href="#">OM TECH COLLEGE</a>
</li>
</ul>
</nav>