Trädvy Permalänk
Medlem
Registrerad
Dec 2013

Dropdown meny i min css

Hej!

Jag undrar hur jag får till en dropdown meny med min css kod. Jag har testat mig fram ett tag nu utan resultat och ser helt enkelt inte hur jag ska få till det.

HTML kod:
<nav><ul>
<li class="active"><a href="#">Grunderna</a>
<ul>
<li><a href="#">Text/listor</a></li>
<li><a href="#">Marginaler &amp; paddning</a></li>
</ul>

<li><a href="#">Bilder</a></li>
<li><a href="#">Navigering</a></li>
<li><a href="#">Anpassning</a></li>

</ul>
</nav>

CSS kod:

.mainHeader > nav ul {
list-style: none;
margin: 0 auto;
margin-left: -30px;
}

.mainHeader nav ul li {
float: left;
display: inline;
}

.mainHeader nav .active a:link, .mainHeader nav .active a:visited, .mainHeader nav a:hover {
background-color: darkred;

}

.mainHeader nav a:link, .mainHeader nav a:visited {
color: aliceblue;
display: inline-block;
padding: 6px 20px;
height: 28px;
}

.mainHeader nav ul li a {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
}

Trädvy Permalänk
Medlem
Registrerad
Feb 2015
Trädvy Permalänk
Medlem
Registrerad
Mar 2013

Tjena!

Såhär hade jag försökt löst det med enbart CSS

http://codepen.io/anon/pen/ZOVBwE