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.
ich danke euch :)
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 :)
