You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.
COURSE of the MONTH
8 days, 6 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Need to change look of drop down buttons
Posted on 2011-03-05
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:relat
ul.dropdown li{width:159px;height:42px
ul.dropdown a:active{color:orange;}
ul.dropdown li a{padding-top:12px;height:
ul.dropdown li:last-child a{border-right:none;}
ul.dropdown li.hover,ul.dropdown li:hover{color:#000;positi
ul.dropdown ul{z-index:600;visibility:
ul.dropdown ul li{width:159px;font-weight
ul.dropdown ul li a{border-right:none;width:
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.
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:relat
ul.dropdown li{width:159px;height:42px
ul.dropdown a:active{color:orange;}
ul.dropdown li a{padding-top:12px;height:
ul.dropdown li:last-child a{border-right:none;}
ul.dropdown li.hover,ul.dropdown li:hover{color:#000;positi
ul.dropdown ul{z-index:600;visibility:
ul.dropdown ul li{width:159px;font-weight
ul.dropdown ul li a{border-right:none;width:
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.
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
7-
5
12 Comments
SSupreme,
I like the top blue navigation bar, but I think it would look better if the drop down buttons were in a white box with rounded corners like this attached image.
I like the top blue navigation bar, but I think it would look better if the drop down buttons were in a white box with rounded corners like this attached image.
ul.dropdown ul li{width:159px;font-weight
ul.dropdown ul li a{border-right:none;width:
it makes subnav white with black font colour. If you want make "rounded" corners you have to add images at the and of second <ul>. They did it using this image http://www.ringcentral.com/images/hp/navigation/small/office.png .
Also you have to clean up your CSS file from unused rules, there are about 40% of them.
ul.dropdown ul li a{border-right:none;width:
it makes subnav white with black font colour. If you want make "rounded" corners you have to add images at the and of second <ul>. They did it using this image http://www.ringcentral.com/images/hp/navigation/small/office.png .
Also you have to clean up your CSS file from unused rules, there are about 40% of them.
SSupreme,
I added this to my test page, but it did not seem to have changed the look of the drop downs.
<script language="css" type="text/css">
ul.dropdown ul li{width:159px;font-weight
ul.dropdown ul li a{border-right:none;width:
</script>
Any ideas?
I added this to my test page, but it did not seem to have changed the look of the drop downs.
<script language="css" type="text/css">
ul.dropdown ul li{width:159px;font-weight
ul.dropdown ul li a{border-right:none;width:
</script>
Any ideas?
try this instead:
<style type="text/css">
ul.dropdown ul li{width:159px;font-weight
ul.dropdown ul li a{border-right:none;width:
</style>
<style type="text/css">
ul.dropdown ul li{width:159px;font-weight
ul.dropdown ul li a{border-right:none;width:
</style>
SSupreme,
So I created another stylesheet name style1.css and updated the text page to use it.
The second line of recommended code is highlighted by my designer and says marked invalid due to not supported by current scheme. As you can see these two lines of code make the drop down menus inoperative.
Any ideas?
TIA
So I created another stylesheet name style1.css and updated the text page to use it.
The second line of recommended code is highlighted by my designer and says marked invalid due to not supported by current scheme. As you can see these two lines of code make the drop down menus inoperative.
Any ideas?
TIA
Well, changing colour doesn't make menu inoperative.
Before I posted those line I tested them and they worked.
Try again beginning from style.css
Before I posted those line I tested them and they worked.
Try again beginning from style.css
SSupreme,
Ok. I got it now. :)
I changed the buttons to blue just flat and updated the test page.
But the horitizontal lines between the drop down buttons has seemed to disappear.
Any idea where that is controlled?
TIA
Ok. I got it now. :)
I changed the buttons to blue just flat and updated the test page.
But the horitizontal lines between the drop down buttons has seemed to disappear.
Any idea where that is controlled?
TIA
Featured Post
WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
When it comes to write a
Context Sensitive Help
(an online help that is obtained from a specific point in state of software to provide help with that state)
,Â
first we need to make the file that contains all topics, which are given exclusive IDs. …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5.
As we learned in our last micr…
The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…
Suggested Courses
Course of the Month8 days, 6 hours left to enroll
764 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.