basti1012.bplaced.net

Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
    Könntet ihr mir bitte helfen darausein dropdown zu machen Dienstag ist meine Prüfung und ich bin verzweifelt? LG Lina Schulze

    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>