spacing issue between main- and submenus [solved]

Poster: dolface
Dated: Sunday December 3 2006 - 22:05:36 GMT

i'm getting a double border between the main menu and it's submenu and i'd like to get rid of it. any tips on how to do that?

example is here http://209.128.111.61:8100/

menu_data.js is in /js

EDIT; solved by adding top="offset=-1px"; to the styles section of each submenu. clunky, but it works.

Poster: Ruth
Dated: Monday December 4 2006 - 11:08:00 GMT

Hi,

For first level submenus from a parent horizontal menu, that is the way you offset them. The reason it looks 'double' is that there are two borders there, the bottom one for the main menu and the top one for the submenu. The submenu opens the 1st pixel below its parent item.

If you prefer you can set your border in css and call it with the menu's off and on class parameters. Setting the border in css places a border around each item rather than the whole menu. If you use this you will need to eliminate the border and the separator from your subStyle since they apply to the 'menu' and not each item, but the css applies to each item. If you use css you could then define the border with border-top being set to 0.
Declare a class in your css



Once declared, in your subStyle eliminate the border and separator and call the class both on and off like this: offclass="bord"; onclass="bord"; where bord is the name I gave the class. Then you don't need to use the top="offset="; parameter in the submenus.

Ruth