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>&nbsp; <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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!