|  |  | 
      Return to Recent Questions How to display my javascript top menu without a border, but my subitems all have a border. 
 
 Q:
 I am evaluating your product and would like to display my top menu
 without a border, but have the dropdown (child menus) all have a border
 and shadow.
 If I change the menuBorderWidth to anything but 0, I get a
 menu on both the top menus and dropdowns.  I need a topBorderWidth and a
 childBorderWidth.
 
 Is there any way to accomplish this?
 
 
 A:
Yes, you can do it.
 
 Please, set:
 
 var menuBorderWidth=0;
 
 To set border for submenus you should use Individual Submenu styles, for example:
 
 var menuStyles = [
         ["menuBorderWidth=1","menuBorderColor=#9A9CA7"],  //style 0
 ];
 
 var menuItems = [
 
         ["Home","testlink.html", , , , , , , , ],
         ["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
                 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , "0", , ],          //style 0
        ["Samples","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
                 ["|Sample 1","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , , "0", , ],         //style 0
               ["|Sample 2 is Disabled","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , "_", , "-1", , ],
 ...
 
 You should assign style for the first item in the submenu.
 
 
 
 
 
 Return to Recent Questions
 
 
 |