Looking for help with drop down menus

[KyleMassacre 125]

Im looking to make drop downs for my main menu links that will work with my existing CSS code can anyone help?

[CSS]#mid_r_content .menu_side ul.main_menu li a {

display: block;

width: 160px;

height: 32px;

text-indent: 35px;

line-height: 32px;

color: #ffffff;

text-decoration:none;

background: url(images/menu_link.png) no-repeat;

}

#mid_r_content .menu_side ul.main_menu li a:hover {

color: red;

background: url(images/menu_link_hover.png) no-repeat;[/CSS]

this is the code for my main menu links on the side bar

[a_bertrand 17]

Try that one:

http://purecssmenu.com/

[Spudinski 12]

Custom: http://css-tricks.com/simple-jquery-dropdowns/

Pre-made: http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/

It does require jQuery, but it's much easier to maintain than a pure CSS3 one... which in my mind isn't practical.

50+ stylesheet definitions, versus less than ten lines of jQuery.

[a_bertrand 17]

Spudinski: never said it's the right solution in my opinion ;) Yet having it in CSS would work also for stupid people which disable JS....

[Spudinski 12]

Spudinski: never said it's the right solution in my opinion ;) Yet having it in CSS would work also for stupid people which disable JS....

No, I'm just giving the OP advice from a personal perspective... CSS has it's advantages too.

[KyleMassacre 125]

Thank both of you guys for your help with it, ill take a shot at it but no guarantees cause I know nothing of this sorta thing. I was just hoping that there was an easy type decoration that I can add the the existing css instead of added more stuff the file manager lol

[a_bertrand 17]

No there is no easy way to do it as by itself HTML / CSS doesn't know drop down menus. Yet there is loads of pre-made solutions.... So maybe time to learn a bit more? ;)