Hello, fellows!

 

A bit dummy question but I am a newbie in Web development.

 

Right now I am working on my first non-for-profit project and would like to ask for a help in here!

 

I have a dream! ...problem. Need to make drop down vertical menu, but all the tutorials over the net doesn't seem to solve my problem. I have attached an image of how everything should look.

 

Green stroke shows the main parent list items. The Red stroke shows nested ul.child element with list-items inside. I need this ul.child element:

1. Appear right on the right of it's parent item.
   
2. Hide it while not hovered
   
3. Unhide ul.child on mouse over the parent item
   
4. Do everything so it would be compatible with all the browsers (CSS+jQuery)
   
5. Drop shadows? (optional, just was thinking)
   

 

I would appreciate if someone would help me or point me to reliable and trusted sources.

 

Thanks, guys!

 

Yerlan

Here is a tutorial:

http://tutorialzine.com/2010/06/css3-minimalistic-navigation-menu/

ONLY with CSS3, No jQuery or something else. Play a little with the code in the tutorial and you'll get also a second and third child

Here is a tutorial:

http://tutorialzine.com/2010/06/css3-minimalistic-navigation-menu/

ONLY with CSS3, No jQuery or something else. Play a little with the code in the tutorial and you'll get also a second and third child

Thanks a bunch! Will get to know this way!