Skip to content

Instantly share code, notes, and snippets.

@dave547
Created March 16, 2012 02:27
Show Gist options
  • Save dave547/2048161 to your computer and use it in GitHub Desktop.
Save dave547/2048161 to your computer and use it in GitHub Desktop.
CSS: dropdown menu css
/***********************************************
NAV CSS
***********************************************/
#nav_holder { background-color: #000; width: 100%; height: 35px; background-image: url(images/stripe_bg.jpg); background-repeat: repeat-x; margin: 0 0 10px 0;}
#main_nav{ float: left; margin: 0px 0px 10px 0px; height: 35px; color: #fff; width: 650px; /*background-color: #000;*/ }
#main_nav ul { font-size: 14px; list-style: none; }
#main_nav ul li { display: block; position: relative; float: left; z-index: 99999; }
#main_nav li ul { display: none; }
#main_nav ul li a { display: block; text-decoration: none; color: #ffffff; padding: 10px 15px; margin-left: 1px; white-space: nowrap; border-right: 1px solid #444; }
#main_nav ul li a:hover { background-color: #444; }
#main_nav li:hover ul { display: block; position: absolute; background-color: #444;}
#main_nav li:hover li { float: none; font-size: 14px; }
#main_nav li:hover a { }
#main_nav li:hover li a:hover { background-color: #000; }
/***********************************************
/NAV CSS
***********************************************/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment