DutchCotonti 0.0.6

/* menu structure */
.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}

.artmenu, .artmenu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.artmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}

.artmenu li:hover
{
z-index: 10000;
white-space: normal;
}

.artmenu li li
{
float: none;
}

.artmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}

.artmenu li:hover>ul
{
visibility: visible;
top: 100%;
}

.artmenu li li:hover>ul
{
top: 0;
left: 100%;
}

.artmenu:after, .artmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenu, .artmenu ul
{
min-height: 0;
}

.artmenu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.artmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}

Hoe menu maken:
How to make menu:

Voorbeeld/Example:

========================================================================================================

<li><a href="index.php" class="active"><span><span>Home</span></span></a></li>

<li><a href="forums.php"><span><span>Forum</span></span></a></li>

<li><a href="#"><span><span>Services</span></span></a></li>

<li><a href="list.php?c=docs"><span><span>Documenten</span></span></a>
<ul>
<li><a href="list.php?c=admin">Administratie</a></li> //Submenu onder/under Documenten
<li><a href="list.php?c=user">Gebruikers</a></li> //Submenu onder/under Documenten
<li><a href="list.php?c=plugin">Plugins</a></li> //Submenu onder/under Documenten
<li><a href="list.php?c=skin">Skins</a></li> //Submenu onder/under Documenten
<li><a href="list.php?c=misc">Algemeen</a></li> //Submenu onder/under Documenten
</ul>
</li>

<li><a href="list.php?c=docs"><span><span>Download</span></span></a>
<ul>
<li><a href="list.php?c=cotonti">Releases</a></li> //Submenu onder/under Download
<li><a href="list.php?c=plugins">Plugins</a></li> //Submenu onder/under Download
<li><a href="list.php?c=skins">Skins</a></li> //Submenu onder/under Download
<li><a href="list.php?c=taal">Taalpakket</a></li> //Submenu onder/under Download
<li><a href="list.php?c=overig">Overig</a></li> //Submenu onder/under Download
</ul>
</li>

<li><a href="users.php"><span><span>Leden</span></span></a></li>

<li><a href="plug.php?e=linktous"><span><span>Link ons</span></span></a></li>

<li><a href="plug.php?e=search"><span><span>Zoek</span></span></a></li>

<li><a href="http://demoskins.dutchcotonti.com/" target="_blank"><span><span>DemoSkins</span></span></a></li>

========================================================================================================

Submenu is zichtbaar als je over de main-link gaat met de muis
Submenu are visible when you hover over the main-link