Hallo zusammen, ich habe folgenden HTML5 code:
<header>
<div class="container">
<div id="branding">
<h1><span class="highlight">SK</span> Homepage</h1>
</div>
<nav>
[b] <ul>
<li class="current"><a href="Home.php">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="downloads.php">Services</a>
<ul>
<li><a>Dokumente</a></li>
<li><a>Dienste</a></li>
</ul>
</li>
</ul>
[/b] </nav>
</div>
</header>
und folgenden CSS3 code:
ul li ul li{
display: none;
}
ul li:hover ul li{
display: inline-block;
list-style-type: none;
}
das Ziel ist, dass die liste in Services, untereinander angezeigt wird, aber im Moment stehen "Dokumente" und "Dienste" nebeneinander unter Home, About und Services. Wie bekomme ich das hin ,dass beim hovern Dokumente und Dienste unter Services untereinander stehen?
Habe mal ein Screenshot gemacht:
[url]
https://picload.org/view/dgrdogpr/problem.png.html[/url]
Vielen Dank schon mal im Voraus!
VG
Zaine