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>