How to make drop down menu with Hover effect?

HTML & CSS
1

Hi there

this is my jsfiddle.net
http://jsfiddle.net/vngx/j66Ldnr1/

What I am trying is to make a drop down navigation menu for web applications.But till now I am not able to do that

How to do I acheive this?

Thanks

How

2

You can google for menus and come up with a few hundred. If you want one that is home-grown, try this: (remember, you asked for :hover effect)

http://www.pmob.co.uk/temp/drop-down-basic-good.htm

3

@ronpat
Thanks
The code I have written I also make using googling.
But I was not able to make it work.I messed up with my code.But i did using your reference link
Thanks

4

Can you show us your attempt? I went to that jsfiddle but you are missing almost everything Rons link had.

Could you just use Rons link as the starting code and change the design from there?

5

Thank you for the feedback. Glad Paul’s menu works for you.

6

Something like this I have try so far

But its not fully working as I am expecting…

7

I am able to add one level navigation but one down after that

8

I think you have not copied and pasted Paul’s code into your fiddle correctly. You could try copying it into your fiddle exactly and then modifying with your list item text.

9

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.