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
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
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>