drop downs. Options

[Smarmosaur]

i searched around a bit and couldn't find anything.
how can i make drop down menus when a link is hovered? or is it not possible without javascript?

[Mickey]

This is for the actual dropdown menu:

CODE

<div class="dropdownmenu">

<ul class="item1">
<li class="top">menu item</li>
<li class="item"><a href="#">menu item 1</a></li>
<li class="item"><a href="#">menu item 2</a></li>
<li class="item"><a href="#">menu item 3</a></li>
</ul>

<ul class="item2">
<li class="top">menu item</li>
<li class="item"><a href="#">menu item 1</a></li>

</ul>

<ul class="item3">
<li class="top">menu item</li>
<li class="item"><a href="#">menu item 1</a></li>
<li class="item"><a href="#">menu item 2</a></li>
</ul>

<ul class="item4">
<li class="top">menu item</li>
<li class="item"><a href="#">menu item 1</a></li>
<li class="item"><a href="#">menu item 2</a></li>

<li class="item"><a href="#">menu item 3</a></li>
<li class="item"><a href="#">menu item 4</a></li>
</ul>

</div>

This here is for its style:

CODE

<style>
.dropdownmenu {background-color:ff0000;}
.dropdownmenu ul .item {display:none;}
.dropdownmenu ul:hover .item {display:block; background:000000; padding:1px; margin:1px;}
.dropdownmenu ul:hover .item a {color:ffffff; text-decoration:none; display:block;}
.dropdownmenu ul:hover .item a:hover {color:999999;}
.dropdownmenu ul {width:100px; float:left; margin:0px; padding:2px; background-color:b10000; list-style:none;}
</style>

Just make the necessary changes on the stylesheet part according to your liking.