0

Hi could anyone help me with creating a really simple drop down css menu?

For example 1 main link and then when you hover over it a list of 3 appear below it.

I'm struggling to grasp the concept as ones i've seen around are really complicated.

Many thanks

4
Contributors
4
Replies
5
Views
6 Years
Discussion Span
Last Post by saliha
0

Here is a very basic one:

<ul>
  <li>
     <a href='javascript:void(0)' id='firstLink'> 
         Link 1
         <ul>
            <li>Link2</li>
            <li>Link 3</li>
         </ul>
     </a>
   </li>
</ul>
<style>
li a ul{
   display:none;
}
li a{
   display:inline-block;
}
li a:hover ul
{
    display:block;
}
</style>

If you want to see it in action here is the jsFiddle for it: http://jsfiddle.net/pLKSw/

Edited by scrappedcola: n/a

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.