Hallo,
Ik ben al een tijd aan het zoeken hoe ik van mijn menu een dropdown menu kan maken.
Ik gebruik altijd een standaard menu, helaas krijg ik deze niet als dropdown, misschien dat iemand mij kan helpen.
De codes die ik gebruik zijn:
CSS:
HTML:
Ik hoop dat iemand weet hoe ik dit kan doen.
Groet,
Sjoerd.
Ik ben al een tijd aan het zoeken hoe ik van mijn menu een dropdown menu kan maken.
Ik gebruik altijd een standaard menu, helaas krijg ik deze niet als dropdown, misschien dat iemand mij kan helpen.
De codes die ik gebruik zijn:
CSS:
Code:
ul#menu
{
font-family: Arial;
font-size: 15px;
color: #ffffff;
font-weight: normal;
text-align: left;
margin-left: 0px;
margin-top: 0px;
background-color: #f8f6f3;
margin: 0px;
padding-left: 481.5px;
white-space: no-wrap;
list-style: none;
}
ul#menu li
{
float: left;
height: 20px;
white-space: no-wrap;
list-style: none;
}
ul#menu li a
{
display: block;
overflow: hidden;
height: 25px;
margin-top: 75px;
padding-top: 8px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
font-family: Arial;
color: #000000;
font-size: 15px;
text-decoration: none;
font-weight: normal;
white-space: no-wrap;
list-style: none;
margin-left: 10px;
background-color: #ffffff;
border-radius: 7px 7px 7px 7px;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border: 0px solid #800000;
}
ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover
{
margin-top: 75px;
padding-top: 8px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
background-color: #41372d;
color: #ffffff;
height: 25px;
white-space: no-wrap;
list-style: none;
}
HTML:
HTML:
<ul id="menu">
<li class="active"><a href="index.shtml">Home</a></li>
<li><a href="Wie_zijn_wij.shtml">Wie zijn wij</a></li>
<li><a href="Projecten.shtml">Projecten</a></li>
<li><a href="Contact.shtml">Contact</a></li>
</ul>
Ik hoop dat iemand weet hoe ik dit kan doen.
Groet,
Sjoerd.