Support for CSS Flyout Menu

[giftcastle5]

Thats fine then could you help me with one last thing? The categories display weird on IE maybe somethings wrong in my code? Could you give it a look?

/*Version 1.3.9b*/
/*Cornflowerblue Menu CSS*/
#categoriescss.leftBoxContainer { 
   background: #fff;
   border: 1px solid #E6E6E6; 
   width: 150px; 
   padding-bottom: 0px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

#categoriescssHeading.leftBoxHeading {

   margin-bottom: 0px;
}

#nav-cat {
   width: 150px; 
   margin: 0 0 0px;
   background-color: #fff; 
   font-size: 12px;
}

#nav-cat ul {
   margin: 0; 
   padding: 0; 
   width: 150px; 
   background-color: #fff;
}

#nav-cat ul.level2 {background-color: #67cadf;}
#nav-cat ul.level3 {background-color: #67cadf;}
#nav-cat ul.level4 {background-color: #67cadf;}
#nav-cat ul.level5 {background-color: #67cadf;}
#nav-cat ul.level6 {background-color: #67cadf;}

#nav-cat li {
   position: relative; 
   list-style: none; 
   margin: 0;
   margin-top: 0px; /* change this to put space between buttons*/
   border-bottom: 1px solid #d########3;
}

#nav-cat li li {
   margin: 0; /* overrides the margin-top above */
}
 
#nav-cat li:hover {
   z-index: 1000;
   background-color: #67cadf;
}

#nav-cat li a:hover {
   color: #000000;
}




#nav-cat li.submenu {
   background: url(../images/arrows/arrow11.png) 99% 50% no-repeat;
}

#nav-cat li.submenu:hover {
   background: url(../images/arrows/arrow5.png) 99% 50% no-repeat;
}

#nav-cat li.submenu ul a {
   color: #000000;
}

#nav-cat li.submenu ul a:hover {
   color: #fff;
}

#nav-cat li a {
   display: block; 
   padding: 0.25em 0 0.25em 0.5em;
   text-decoration: none; 
   width: 100%; color: #000;
}

#nav-cat>ul a {
   width: auto;
}

#nav-cat ul ul {
   position: absolute; 
   top: 0; 
   left: 150px;
   display: none;
}

#nav-cat ul.level1 li.submenu:hover ul.level2,
#nav-cat ul.level2 li.submenu:hover ul.level3,
#nav-cat ul.level3 li.submenu:hover ul.level4,
#nav-cat ul.level4 li.submenu:hover ul.level5,
#nav-cat ul.level5 li.submenu:hover ul.level6 {
   display:block; 
   border-left: 2px solid #d########3;

[gjh42]

I don't know if it is causing problems, but there is an error here:

#nav-cat li {
   position: relative; 
   list-style: none; 
   margin: 0;
   margin-top: 0px; /* change this to put space between buttons*/
   border-bottom: 1px solid #d########3;
}

This needs to be # with six digits/letters, like #ddaa33

[giftcastle5]

That did the trick thank you very much for your help!

[Mermandamus]

Is it possible to have the final layer of a menu expanded into columns instead of having just one column in a scroll box?

For instance instead of having one scrolling column of 15 categories it can be split into 3 columns of 5 and also only show the scroll box when a preset limit of rows is exceeded?

Here is a site with what I have in mind http://www.rjettek.com/

[windsurfer]

I just installed zencart V1.5 and using the andover_modern template. I downloaded and installed the CSS flyout following the instructions and renamed the 1 Custom folder in the templates folder to andover_modern. when going to the admin/tools/layout box controller i do not see the warning about the new CSS file i did go and selected the template again, then went back into layout box controller and hit reset and got a message at the top saying "Successfully Reset all box settings to the Default settings for Template: andover_modern" when i go to my home page the flyout does not appear and i have tried to change some settings in the layout box controller but the flyout will not show up. Is it possible the flyout is not compatible with version 1.5 or am i missing something?

Thanks in advance

[windsurfer]

Interesting, I just tried to install the "CSS Horizontal Dropdown Menu With jquery" and that does work"

[windsurfer]

Well i just reinstalled a fresh copy of Zencart and the only thing i am trying is the Vertical flyout but it won't show, I did read a post that went like this "In TOOLS > LAYOUT BOXES CONTROLLER, is "sideboxes/pure_orange/categories_css.php" set to "ON"?
I use the classic template but no i don't have any line in the layout box controller that says that. Am i missing something here ?

[windsurfer]

They usually say no news is good news but in this case it isn't
Nobody in Zen land heve any idea what i am missing or doing wrong here ? Has anybody used the flyout with V1.5 at all ?

[windsurfer]

I'll give myself the good news, got it going after a modification

[gjh42]

What modification did you need to do? If a change is needed, other people will want to know this.