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
FCP update now crashes every time I launch it! Won't even open a project I started last week with version 10.0.0. I have a deadline at work so I've now got a big problem! I'm trying to give the new and supposedly improved FCPX a shot but this app is [More]
Am on 11.5.10.2 To create a Creating a Custom Application in Applications 11i... i having a doubt in this.. plz explain me... Apply ADX.E.1 and add the entry to topfile.txt as a standard product top entry (follow the existing model in the file) which [More]
Hi! I just changed my old Imac (OS 10.5) to a new one with an OS 10.9, and now I'm having problems to install my HP Laserjet M1132 MFP. I cannot find the drivers and don't know what I have to do. I read in another post there is a way to install it wi [More]
我安裝CS6 master collection 時,出现以下錯誤訊息,應如何處理??  我的系統是win8 Exit Code: 6 Please see specific errors and warnings below for troubleshooting. For example,  ERROR: DR012, DW050 ... WARNING: DF029, DW066 ... -------------------------------------- Summary ---- [More]
Hi! All, After saving a Purchase Order with Account Assignment to an Internal Order, commitment will update the COOI table. However, for a Travel Request with Account Assignment to an Internal Order(after approval of the request, before Transferred t [More]
So i am a bit of an apple freak, I have a macbook pro (2011) iPhone 5 & a iPad 2 and none if it will connect to my Apple TV Basically I am wanting to be able to run with airplay because its super hand for meetings etc, it was working fine then one da [More]
Does CS4 work ok on windows 8 I have purchased a new windows 8 laptop and installed CS4 and I could not open my CR2 files so I downloaded raw 5.7  convertor and still nothong can you please help.Your camera, the Canon EOS Digital Rebel T1i EOS 500D E [More]
HI Experts, In table maintenance view of a table i want to see one field as radio button and want to have checked for one of the entries out of the set of entries. My table contain four field. Key1 key2 nonkey1 nonkey2 I want to have nonkey2 as X for [More]
Hello.. I have a problem with my web camera where I am not able to get it to work. It was always on and in the way in the past and one day I exited out of it, but I haven't seen in pop up since. I believe the program for the camera is Camera Assistan [More]
Hi, Not sure if anyone else has experienced this. Just seem to drop internet connection (wired and wireless) periodically on HH 2.0. The power, wireless and BB lights are all blue. Only a hard reset seems to help. Will work for 15 mins or so and then [More]