KyleMassacre Posted February 21, 2012 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
a_bertrand Posted February 21, 2012 Posted February 21, 2012 Try that one: http://purecssmenu.com/ Quote
Spudinski Posted February 21, 2012 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
a_bertrand Posted February 21, 2012 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
Spudinski Posted February 21, 2012 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
KyleMassacre Posted February 21, 2012 Author 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
a_bertrand Posted February 21, 2012 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
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.