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
Hello friends, I have read some where that one DTD can be imported into another DTD but idont remember how to do it. My question is suppose we have a DTD say xyz.dtd and i am writing a new DTD say abc.dtd, and lets assume that in abc.dtd i have to de [More]
Dear Friends, Reposting an issue which I posted earlier in ESS Forum as I didn't get solution there and the issue is more technical and moved towards Netweaver applications. While applying a leave request in ESS portal, I am getting an error page say [More]
Version: CXML Parser V.1.0.1 In the following --- <GeneSymbol>TGF-&;bgr;</GeneSymbol> ---the data is returned as THREE child ("#text") nodes instead of the expected one: (1) contains "TGF-", (2) contains "&&quo [More]
I use macs all the time and I have a lacie external drive that has done me proud, but I just enrolled in an editing course that teached Avid editing on a....PC... I can't reformat my existing drive so I need a new one. I'm looking for something small [More]
Hi, I have a requirement to pull the pdf from the weblogic content management without weblogic portal configuration. Is it is possible to achive this.If possible please suggest me how to do. thanks in advance.... Uday Sariki.In your JSP, use the <emb [More]
My iTunes (ver. 10.1) will play the audio for some music videos but not the video. They are videos that were downloaded via the iTunes Store in the past and all but 2 are doing this and they are all the same format. No, I'm not using AirTunes! And I [More]
Hi all expert, I am new to Acrobat plug-in development. can anybody tell me, how to check selected text is in table? plz help! Thanks.ok, suppose if I export document as tagged document . is there any way to  identify tables.? please helpRead other 6 [More]
Hi all, While configuring ALE for Idoc scenarios, we are creating Metadata using Idx2 tcode. But I don't know what is the use of that meta data exactly. We are anyway giving port and RFC destinations right.Hi Pavani, <b>Transaction: IDX2</b> T [More]
Hi! Please help. I'm using photoshop elements 8 and I'm trying to sign in on my laptop but i keep getting error 400. Hi, That service ceased months ago so there is nothing to sign in to. http://barbarabrundage.com/2013/09/16/pse-8-9-10-cant-sign-in-e [More]
Hi, Did anybody noticed that, since introduction of Logic 9.0.1 update, the track volume values aren't showed in the MC MIX display anymore? Euphonix support says that they are aware of the problem and are working close to Apple to resolve the issue, [More]