• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme Dropdown Menü

Tobin1997

Neues Mitglied
Hi, ich habe ein Problem mit dem Dropdown Menue.
Ich wollte alles untereinander angezeigt haben und die unterpunkte sollen dadrunter aufgehen, aber iwie haut das nicht hin.

HTML:
<style>

            *{
                margin: 0px;
                padding: 0px;
            }
            ul#nav{
                width: 300px;
                height: 300px;
                float: left;
                display: inline;
            }
            ul#nav li.navi{
                display: inline-block;
                postion: relative;
            }
            ul#nav ul{
                display: none;
            }
            ul#nav li:hover ul{
                display: inline;
                position: absolute;
            }
            ul#nav li.navi ul li{
                display: inline;
                width: 100%;
                height: 20%;
            }  
           
            ul{
                display: inline;
                background-color: #222;
                border-radius: 5%;
                margin: 0%;
                float: left;
                font-size: 122%;
            }
           
            ul li:hover{
                background-color: green;
                }
       
            a{ color: orange;}
           </style>
  <body>

  <ul id="nav">
              <li><a href="#">Startseite</a></li>
              <li><a href="#">EDV-Dienstleistungen</a>
                <ul>
                  <li><a href="#">PC-Service</a></li>
                  <li><a href="#">Drucker / Kopierer</a></li>
                  <li><a href="#">BackUp to the Cloud</a></li>
                   <li><a href="#">Softwarelösungen</a></li>
                </ul>
              </li>
              <li><a href="#">Netzwerke</a>
                <ul>
                  <li><a href="#">Wireless LAN</a></li>
                  <li><a href="#">Sicherheit</a></li>
                  <li><a href="#">Tools</a></li>
                  <li><a href="#">Telekommunikationslösungen</a></li>
                </ul>
              </li>
              <li><a href="#">Reparaturen</a>
                <ul>
                  <li><a href="#">Kostenanalyse</a></li>
                  <li><a href="#">Outsourcing</a></li>
                  <li><a href="#">Service / Repair</a></li>
                  <li><a href="#">Backup</a></li>
                  <li><a href="#">Support / TeamViewer</a></li>
                </ul>
              </li>
              <li><a href="#">Weiteres</a>
                <ul>
                  <li><a href="#">Internetradio mit RPI</a></li>
                  <li><a href="#">FileServer unter Linux</a></li>
                  <li><a href="#">VNC-Remote mit dem RPI</a></li>
                </ul>
              </li>
              <li><a href="#">Kontakt</a>
                <ul>
                  <li><a href="#">Internetseite</a></li>
                </ul>
              </li>
            </ul>

ich danke euch :)
 
Werbung:
ich habe ein Problem mit dem Dropdown Menue
Ich wollte alles nebeneinander angezeigt haben und die unterpunkte sollen dadrunter aufgehen, aber iwie haut das nicht hin.
Was mal direkt ohne großes Überlegen ins Auge springt: für den Zeichenumfang aller Links der 1. Menüebene reichen die 300px Breite bei weitem nicht aus, um sie in einer Zeile angeordnet zu bekommen.

Anyway... für CSS-Dropdown-Menüs existieren im Netz mittlerweile soo viele Vorlagen in Form von Anleitungen / HowTos / Demos, dass mir hier auf der ersten Themenseite der Platz ausgeht, sie alle aufzulisten, und man eigentlich nur noch darin einen Fehler begehen kann, nicht mit Hilfe von Google auf solche Quellen zurückzugreifen, wenn die eigenen Kenntnisse es (noch) nicht hergeben :(
Wer's mit der englischen Sprache nicht so haben sollte, muss deshalb noch lange nicht auf der Strecke bleiben:
 
Werbung:
Zurück
Oben