KyleMassacre Posted February 21, 2012 Share Posted February 21, 2012 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 Quote Link to comment Share on other sites More sharing options...
a_bertrand Posted February 21, 2012 Share Posted February 21, 2012 Try that one: http://purecssmenu.com/ Quote Link to comment Share on other sites More sharing options...
Spudinski Posted February 21, 2012 Share Posted February 21, 2012 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. Quote Link to comment Share on other sites More sharing options...
a_bertrand Posted February 21, 2012 Share Posted February 21, 2012 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.... Quote Link to comment Share on other sites More sharing options...
Spudinski Posted February 21, 2012 Share Posted February 21, 2012 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. Quote Link to comment Share on other sites More sharing options...
KyleMassacre Posted February 21, 2012 Author Share Posted February 21, 2012 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 Quote Link to comment Share on other sites More sharing options...
a_bertrand Posted February 21, 2012 Share Posted February 21, 2012 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? ;) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.