troubleshooting Question

Need to change look of drop down buttons

Avatar of TrueBlue
TrueBlueFlag for United States of America asked on
CSSHTML
12 Comments1 Solution535 ViewsLast Modified:
Hii!
We need to change the look of the drop down buttons on our top navigation bar to look something like this website's drop down menu. http://www.ringcentral.com/
Here is an example of our current top navigation bar and drop down menus.
http://www.topsecurityinc.com/testpage11.html
Here is the CSS that controls it.
ul.dropdown{position:relative;}
ul.dropdown li{width:159px;height:42px;text-align:center;font-weight:700;float:left;background:url(../web/images/global_bar_bk_r1_c2.gif) repeat-x 50% top;}
ul.dropdown a:active{color:orange;}
ul.dropdown li a{padding-top:12px;height:30px;text-align:center;display:block;border-right:1px solid #333;font:bold 14px verdana, sans-serif;color:#FFF;}
ul.dropdown li:last-child a{border-right:none;}
ul.dropdown li.hover,ul.dropdown li:hover{color:#000;position:relative;}
ul.dropdown ul{z-index:600;visibility:hidden;position:absolute;top:100%;left:0;}
ul.dropdown ul li{width:159px;font-weight:400;background:url(../web/images/global_bar_bk_r1_c2.gif) repeat-x 50% top;color:#000;border-right:1px solid #333;float:none;}
ul.dropdown ul li a{border-right:none;width:100%;display:inline-block;padding-top:4px;}
ul.dropdown ul ul{left:100%;top:0;}
ul.dropdown li:hover > ul{visibility:visible;}

Would also appreciate any help on adding the down arrows on the top buttons with drop down items.
Any specific code modifications would be greatly appreciated.
ASKER CERTIFIED SOLUTION
SSupreme

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 12 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 12 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros