Sitemap

Amicuk Programming Answers

Third level Menu CSS?

-0001-11-30   Views:0

Advertisement

HI folks, I'm working on a third level menu and I need a CSS fix for this, and I'm not sure I understand why it is dropping down  instead of flying out... To see the menu in action, go here : http://bendannie2.businesscatalyst.com/Sale  and hover ove

HI folks,
I'm working on a third level menu and I need a CSS fix for this, and I'm not sure I understand why it is dropping down  instead of flying out...
To see the menu in action, go here : http://bendannie2.businesscatalyst.com/Sale  and hover over  the On Sales menu.  The third level menu is dropping down and when I try to move it right with a left margin, the container box remains in place and only the text  li     moves right...
And it really shouldn't display until I'm hovering over the Cartier Jewelry link...
TIA,
Jeff
The code so far is:
nav ul ul {
    background: #FFFFFF/*url(images/nav-current.png) repeat-x scroll center top*/;
    opacity:0.8;
filter:alpha(opacity=90); /* For IE8 and earlier */
    -moz-box-shadow: 0px 3px 5px 0px rgba(68,68,68,0.7);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(68,68,68,0.7);
    box-shadow: 0px 3px 5px 0px rgba(68,68,68,0.7);
    left: -999em;
    list-style: none outside none;
    margin: 0;
    padding: 4px 0 0;
    position: absolute;
    top: 89px;
    width: 12em;
nav li:hover ul,
nav li.sfhover ul{
    left: auto;
nav ul ul ul li{
    background: none;
    border-bottom: 1px solid #6699FF;
    list-style: none;
    margin: 0 0 0  0px;
    padding: 0;
nav ul ul li{
    background: none;
    border-bottom: 1px solid #6699FF;
    list-style: none;
    margin: 0 0 0 -20px;
    padding: 0;
    nav ul ul li a:link,
    nav ul ul li a:visited{
    color: #3399FF;
    display: block;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif, "Bitstream Vera Sans";
    font-size: 12px;
    padding: 8px 5px;
    text-decoration: none;
    nav ul ul li a:active,
    nav ul ul li a:hover{
    background: #e4e4e4;
    color: #3366FF;
    padding: 8px 5px;

The replay answer
Advertisement
HI folks,
I'm working on a third level menu and I need a CSS fix for this, and I'm not sure I understand why it is dropping down  instead of flying out...
To see the menu in action, go here : http://bendannie2.businesscatalyst.com/Sale  and hover over  the On Sales menu.  The third level menu is dropping down and when I try to move it right with a left margin, the container box remains in place and only the text  li     moves right...
And it really shouldn't display until I'm hovering over the Cartier Jewelry link...
TIA,
Jeff
The code so far is:
nav ul ul {
    background: #FFFFFF/*url(images/nav-current.png) repeat-x scroll center top*/;
    opacity:0.8;
filter:alpha(opacity=90); /* For IE8 and earlier */
    -moz-box-shadow: 0px 3px 5px 0px rgba(68,68,68,0.7);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(68,68,68,0.7);
    box-shadow: 0px 3px 5px 0px rgba(68,68,68,0.7);
    left: -999em;
    list-style: none outside none;
    margin: 0;
    padding: 4px 0 0;
    position: absolute;
    top: 89px;
    width: 12em;
nav li:hover ul,
nav li.sfhover ul{
    left: auto;
nav ul ul ul li{
    background: none;
    border-bottom: 1px solid #6699FF;
    list-style: none;
    margin: 0 0 0  0px;
    padding: 0;
nav ul ul li{
    background: none;
    border-bottom: 1px solid #6699FF;
    list-style: none;
    margin: 0 0 0 -20px;
    padding: 0;
    nav ul ul li a:link,
    nav ul ul li a:visited{
    color: #3399FF;
    display: block;
    font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif, "Bitstream Vera Sans";
    font-size: 12px;
    padding: 8px 5px;
    text-decoration: none;
    nav ul ul li a:active,
    nav ul ul li a:hover{
    background: #e4e4e4;
    color: #3366FF;
    padding: 8px 5px;

Go to See the other 3 answers

Third level Menu CSS?

Category:DefaultRelease time:-0001-11-30Views:130

HI folks, I'm working on a third level menu and I need a CSS fix for this, and I'm not sure I understand why it is dropping down  instead of flying out... To see the menu in action, go here : http://bendannie2.businesscatalyst.com/Sale  and hover ove[More]

Multiple/nested levels in CSS horizontal drop menu

Category:DefaultRelease time:-0001-11-30Views:130

I am working on updating my horizontal menu and I need to have a nested menu inside the dropdown to display to the right of its parent menu. Example: <ul id="navbar"> <li><a href="#">Paper & Printing ▼</a> &[More]

Dark grey square appearing behind every first sub-level menu

Category:DefaultRelease time:-0001-11-30Views:130

I have created a horizontal Spry menu - it works perfectly in all major Windows browsers, except for one thing, there's a dark grey (probably the hover color) box slightly offset behind every first sub-level menu. I think it is a css issue - I have t[More]

A top level menu item should display its active state if any of its submenu items are active

Category:DefaultRelease time:2015-10-11Views:130

Example case: I'm designing a Muse site which is basically a portfolio of our work. We design books, doing page layout and covers. We have numerous book categories and sub categories which I put in a horizontal menu. When a given top level category m[More]

Customize menu css

Category:DefaultRelease time:2015-10-11Views:130

I'm trying to change the background to a Menu inside a MenuBar. I was able to change the MenuItem's background, but there's this gap at the top and at the bottom of the menu which is still gray, and I can't seem to find a way to change it. This is my[More]

Images are not reflecting in Multi Level Menu

Category:DefaultRelease time:2015-10-11Views:130

Hi, i am facing some problem in the Multi Level Menu. i have created a book in my portal application. For the "Main Page Book" i am setting "Multi Level Menu" For the Book with in the menu, i am setting "No Navigation"(to avo[More]

N level Menu creations

Category:DefaultRelease time:-0001-11-30Views:130

Hi i want to write a query so that it gives me n-level menu tree. the structure of the menu table is as follows : MENU_ID     INTEGER     number,                MENU_NAME     VARCHAR2(255) MENU_TITLE     VARCHAR2(300) MENU_TITLE_LANG1     VARCHAR2(30[More]

I'm using web developer1.1.9 ad-on. When I select a menu CSS- View Style Information, I see red outlined div's, etc. but I can't see these outlines anymore.

Category:DefaultRelease time:-0001-11-30Views:130

I'm using web developer1.1.9 ad-on. When I select a menu CSS->View Style Information, I see red outlined div's, etc. but I can't see these outlines anymore. I tried uninstall and install both Firefox and Developer ad-on but it did not solve the probl[More]

Need help on Multi level menu implementation

Category:DefaultRelease time:-0001-11-30Views:130

Hi All, Need help on Multi level menu implementation Thanks, AnuHi Anu, Please go through this link Implement Multilevelmenu navigation Thanks,Read other 2 answers[More]

4 level menu crush

Category:DefaultRelease time:-0001-11-30Views:130

Hi, I am trying unsuccessfully to create 4th level menu using SRDemo's MenuItem and other classes. For 3 level menus everything fine. I use MenuList in menu3 facet: <f:facet name="menu3"> <!-- Sub Tabs shown in the header bar --> <[More]

How to add a top level menu to TestStand Sequence Editor

Category:DefaultRelease time:-0001-11-30Views:130

Hi, Am unable to add a new top level menu item like File, Edit, Tools, Windows in Sequence Editor. Is it possible to add the same? Can anyone share code snippet to use TestStand API so that a new menu is created? Please find the attached snapshot and[More]

Hot
I'm syncing with Outlook. The subject & location field are truncated when displayed on my Centro. Unfortunately the information I need is not displayed.  It doesn't show up in the details or the window that displays the body of the message.  How can [More]
Hi, We're looking for some help on a Flex 4.5 AIR app deployed on a touch desktop environment. We're developping a kind of a kiosk app originally made for desktop machines (mouse). Recently we've tested it on a touch screen used with a stylus or fing [More]
Hi Im currently using a macmini where I work, it connects to the wirless network in my room with the airport. This network has some restrictions, meaning that some wirless syncing I would like to do with my iphone is not possible. Therefore if I want [More]
Hi All I am working on MEDIA project and it gets upgraded from 4.6 to ECC6 but after upgradation when we are generating the billing doc. at the same time FI doc. should also generate simultaneously and it's not gets generated when i am using the Tcod [More]
Can someone please help me with this? I want to have a light under a car model that shines down on the ground. I know how to create a light in Lingo, but I can't seem to get it to position under my model. Also, can I attach the light to the model?In [More]
Hi Experts, In infotype 0008, when i entered the wagetype as 2003 or 2004, i should enter the amount also for this. for this if i enter more than $50. i should get the error  message.And i would want that the record should goto an administrator for f [More]
1 x PC is showing as thick link and also all ISLs shown beside it. There are other PC created and all ISL links have been replaced by one PC link in the topology diagram. All links are up and working if viewed from CLI. Port channel created between 1 [More]
Hi just to add myself to the growing number of not so happy people who have upgraded or should i say stepped back in time with os lion. wont bother listing all the probs too many. and i have wasted too much of my time trying to resolve the unresolvab [More]
I purchased a update today for 2G, however, after completing 2 sets of Terms and Conditions and put in my password, I still never got the update. What should I do & will the money be taken out of my account?well that's more of a problem then! what ha [More]
Is it possible to target adobe edge build from an external Javascript file? For instance, I click a button outside of the edge animate project and javascript tells Edge animate to "play()". What would that syntax be?Yes, it is.  Read this post f [More]