Support for CSS Flyout Menu

[scottrdj]

Thanks for that it worked great. The only thing is that the arrows are still at the end of the boxes, how do i remove these?

Please just ignore that found in an earlier thread

[fusionsp]

Same place. Just add........."font-size: 0.5em;" , or whatever you need your size to be.

wow thanks. i have been trying to figure that out for days.

[ckosloff]

Get 'em Fast,
Thanks for continuing support.
The color for the active link remains unchanged after your mod.
FYI, text-align: center or left works, what doesn't work is vertical-align: middle.
The Specials link to the blank page is always there, and I have tried changing settings in the database to no avail. Still doesn't show in the normal Categories menu.
To prevent further confusion I am enclosing my stylesheet, I know some settings are redundant.
--------------------------------------------------------------
body {
behavior: url(./csshover.htc);
/* WinIE behavior call */}

div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: left;
vertical-align: middle;
line-height: 20px;
}
div#nav-cat ul {margin: 0; padding: 0; padding-top: 0; width: 150px; background-color: transparent;
/*border: 2px solid tan;
background-repeat: no-repeat;*/
}

div#nav-cat ul.level2 {margin: 0; padding: 0; width: 150px;
background-color: transparent;
border: none;
}
div#nav-cat ul.level2 {background-color: transparent;
}
div#nav-cat ul.level3 {background-color: transparent;
}
div#nav-cat ul.level4 {background-color: transparent;
}
div#nav-cat ul.level5 {background-color: transparent;
}
div#nav-cat ul.level6 {background-color: transparent;
}
div#nav-cat li {background-image: url(../images/b1.gif);
position: relative;
list-style: none;
margin: 0;
margin-top: 0;
z-index: 20;
height: 20px;
width: 150px;
/* change it to whatever space you want to put space between buttons*/}
/* <---this line may help or hinder IE menu shifting issues */
div#nav-cat li li {
margin: 0px;
/* this overrides the margin-top in the declaration above */
}
div#nav-cat li:hover {background-image: url(../images/b1_over.gif);
}
div#nav-cat li.submenu {

background-color: transparent;


}
div#nav-cat li.submenu:hover {background-color: transparent;


}
div#nav-cat ul {background-color: transparent;
}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width: 150px;}
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
}
div#nav li a:hover {border: none;
}
div#nav-cat>ul a {width: 150px;
}
div#nav-cat ul ul {position: absolute; top: 0; left: 155px;
display: none;
}
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block;
}
/* beginning of Get 'em Fast's mod */
h3 #categoriescssHeading .leftBoxHeading {
color: #FFFFFF;
}
/* end of Get 'em Fast's mod */

[ckosloff]

Ahhh! got the Specials link out of the menu.
Admin --> Configuration --> Layout Settings --> Categories Box - Show Specials Link, set to false.
One thing less for Get 'em Fast to worry about.

[Get Em Fast]

Thanks for that it worked great. The only thing is that the arrows are still at the end of the boxes, how do i remove these?

Remove any call to "arrow.gif" (or whatever it's called) in you stylesheet_categories_menu.css, and remove the images from your images folder. That should do the trick.

[Get Em Fast]

Get 'em Fast,
Thanks for continuing support.
The color for the active link remains unchanged after your mod.
FYI, text-align: center or left works, what doesn't work is vertical-align: middle.
The Specials link to the blank page is always there, and I have tried changing settings in the database to no avail. Still doesn't show in the normal Categories menu.
To prevent further confusion I am enclosing my stylesheet, I know some settings are redundant.
--------------------------------------------------------------

Vertical-align is only for inline and table elements - doesn't work on block elements. You might try adding "display: inline;", since you've got a "line-height:" set. Other than that, you might just try using padding: settings to align it vertically. Sorry, I missed the "vertical" part in the previous posts. I've been trying to read too much, too fast. Gotta slow down a bit, I guess.

Hope this helps.

[ckosloff]

Gotta slow down a bit, I guess.

Are you saying that you ought to change your handle to Get Em Slow? Har, har.
This is how the relevant part of the stylesheet looks:

div#nav-cat {width: 150px; margin: -1px 0 0 -1px;
background-color: transparent; font-weight:bold;
text-align: left;
vertical-align: middle;
line-height: 20px;
}

Adding display: inline doesn't help, creates an empty cat, without even an image there.
Adding padding-bottom: 3px; doesn't help either, doesn't modify anything.
Does this thing have padding-top or margin-top somewhere?
Thanks.

[Darkhijacker]

Hi,

I have installed Css Flyout Menu 1.3.0.3.2. Menu works good in Firefox but doesn't work in IE6. My zencart version is 1.3.7. Some ideas?

Site:
http://rampc.pl/

[ckosloff]

Here's another problem for Get Em Fast.
I don't have any new products or featured products under the separator line, but I still need to show All Products.
Now, when in Admin --> Configuration --> Layout Settings I set Categories Box - Show Featured Products Link to false the Featured Products disappear, but when I set Categories Box - Show Products New Link to false everything disappears, including All Products, which is set to true.
I suspect this behavior is controlled by tpl_categories_menu.css and the line is:

if (SHOW_CATEGORIES_BOX_SPECIALS == 'true' or SHOW_CATEGORIES_BOX_PRODUCTS_NEW == 'true'){

I tried to change this line by adding an additional or statement (or SHOW_CATEGORIES_BOX_PRODUCTS_ALL == 'true'), with the result that the whole site blacked out.
So I need help with this.
Thanks.

[fusionsp]

Hi,

I have installed Css Flyout Menu 1.3.0.3.2. Menu works good in Firefox but doesn't work in IE6. My zencart version is 1.3.7. Some ideas?

Site:
http://rampc.pl/

first off, your site link isn't showing anything. You must have taken it down since you posted. i have had this working for quite a while. you may want to install the newest version of zencart to 1.3.8. IE6 has all kinds of problems with zencart. i have a few things that are really flaky with IE6.