Warum funktioniert mein Menü nicht als dropdown?
Könntet ihr mir bitte helfen darausein dropdown zu machen Dienstag ist meine Prüfung und ich bin verzweifelt? LG Lina Schulze
Der hier verwendete Code
<style>
*{
margin:0;
padding:0;
}
nav {
width: 90%;
height:30px;
font-size: 20px;
margin:0 auto 0 auto;
}
nav ul li {
float:left;
height:30px;
padding:3px;
color: #FFFFFF;
text-align:center;
letter-spacing: 2px;
transition: all 0.3s linear;
font-weight: 400;
}
ul>li>ul>li:nth-child(1){
margin-top:3px;
}
ul>li:nth-child(3)>ul>li:nth-child(1){
margin-top:-19px;
}
.navtext>li:nth-child(2),.navtext>li:nth-child(3){
width:20%;
}
.navtext>li:nth-child(1),.navtext>li:nth-child(4),.navtext>li:nth-child(5),.navtext>li:nth-child(6){
width:12%;
}
a,li{
display:inline-block;
width:100%;
text-align:center;
height:30px;
text-decoration: none;
}
ul li:hover a {
background: #f5f50c;
}
.navtext > li >ul li{
width:100%;
}
.navtext > li >ul{
position:relative;
display:none;
width: 100%;
}
.navtext > li:hover > ul{
display:block;
}
</style>
<header>
<nav>
<ul class="navtext">
<li><a href="#home">Home</a></li>
<li><a href="#kleingartenverein">Kleingartenverein</a>
<ul>
<li><a href="#Verein">Verein</a></li>
<li><a href="#termine">Termine</a></li>
<li><a href="#parzellen">Parzellenverwaltung</a></li>
</ul>
</li>
<li><a href="#Parzellenverwaltung">Urban Gardening</a>
<ul>
<li><a href="#UG">UG was ist das?</a></li>
<li><a href="#ugundkgv">UG im KGV</a></li>
<li><a href="#termin">Angebote/Termine</a></li>
</ul>
</li>
<li><a href="#urbangardening">Galerie</a></li>
<li><a href="#angebotetermine">Kontakt</a></li>
<li><a href="#impressum">Impressum</a></li>
</ul>
</nav>
</header>