REVISED: Bug Fix Available Here For Navigation: CSSMenu - Horizontal Stylesheet

[applejack]

There is a problem with the default stylesheet which comes with the standard install which is used for the CSSMenu top + 2 columns. The arrow which should appear on the drop down menu when a parent has a sub menu only works in IE6 + IE7 not in Firefox or any Mac browsers. The code below replaces the stylesheet and adds an additional active image which appears when you hover on the parent. I have also made it so that it will go up to 5 levels without problems but you can add more easily if you wish. I have tested this on PC (IE6, IE7, Firefox 1.5.0.11, Opera 9) and Mac (Safari 2.0.4, Firefox 2.0.0.3, Opera 9, Netscape 7) and all work as should.

P.S. You need to create the active gif, images/cms/arrow-active.gif (Or use the attached)

Now what I would like to see is that after mousing off the menus that it is possible to enter a value in milliseconds before the menu disappears as it is too quick at the moment. So if anyone can do this then great.

P.P.S. This is now revised from before as I found another bug with it in IE6 in that the hover arrow would appear on a parent even if it it didn't have any children. In this version IE6 will not get the hover arrow at all but will get the hover background color. You also need to change your template for the conditional statement for IE with the link to the associated javascript file to below as the CSS file works fine in IE7. The colors are different from the standard install and check the path to the images.







[gelöscht durch Administrator]

[kermit]

here's a quick fix i had to use on a site using this menu template and stylesheet, because it uses a bottom-border for a:hover in the site stylesheet instead of underline or just a change of text or background color...

/* insert at top of 'Navigation: CSSMenu - Horizontal' */
#menu_vert a{border:0;}

without this, there was a noticeable shift of the submenu depending upon where the cursor was positioned on the parent item (on the 'padding': no shift -- on the text itself: slight shift downward).