Gap between menu/submenus (padding/margins don't get rid of it)

Hello, thanks for all the help with the forums, I am getting the hang of the Menu Writer, I am stuck on one more thing though. I have created my menu, have the links correct, but there is a big gap between my menu and the submenus that appeared after I played with the menu width. I tried messing with the padding and margins, but those don't seem to do anything for the gap. How can I get rid of the gap?
Thanks so much for your help!

www.olgteens.org shows the menu with the gap (sub menu located under "Programs")

I also uploaded my Menu Writer file, the template I created, and the index file.

On a side note: it seems I can only have this menu be a maximum of 150 pixels. I was hoping for 167, but anything beyond 150 just gives me an underscore line and a gap, instead of the background blue box.

Hiya cldsk,

To lose the gaps and resize to 167

Firstly the images, 'CSSMenuWriter/cssmw_images/bg.jpg' and 'CSSMenuWriter/cssmw_images/grad.jpg' need to be resized to 167px width. (If you have difficulties, replace with the attached).

Secondly, set the widths for Levels 0, 1, & 2:

In your stylesheet, CSSMenuWriter/cssmw/menu.css, or CSSMenuWriter/cssmw4/menu.css (depending on which one you will be using - or both to be sure):

Level-0: (ul#cssmw > li > a, ul#cssmw > li > a:link {) at about line 60:

width:162px;

(162px + 5px padding-left =167px)

Level-1: (ul#cssmw ul.level-1 > li > a, ul#cssmw ul.level-1 > li > a:link {) at about line 96:

width:151px;

(151px + 10px padding-right + 6px padding-left=167px)

Level-2: (ul#cssmw ul.level-2 > li > a, ul#cssmw ul.level-2 > li > a:link {) at about line 146:

width:151px;

(151px + 10px padding-right + 6px padding-left=167px)

Finally, set the 'left' positions for level-1 & level-2:

At about lines 89-92:

ul#cssmw ul.level-1 {
left:167px;
margin:0;
}

At about lines 139-142:

ul#cssmw ul.level-2 {
left:167px;
margin:0;
}

Many thanks, I will try this when I get home. I am still new to coding, are there options in the menu writer wizard that also takes care of this? This is part of the reason that I bought the extension was for the lack of my coding--but I am learning so this is good experience!
Thanks for the advice, I look forward to trying it out!

Hi cldsk,

There is a huge number of possible combinations of menus in MenuBuilder, so I obviously haven't tried them all out, but of all those that I have tried, I have found them all to be properly customisable.

If you were to let me know the menu presets that you selected when you created the menu, I could recreate a similar one and have a look from this end to see what you would need to edit to make the adjustments you need from inside the MenuWriter interface.

Thank you so much for your help. I did the coding (which was actually quite simple with your easy to follow instructions) and the gap and the width seems to be taken care of, but the background image isn't showing the whole 167 pixels. I do have it uploaded to www.olgteens.org and I can tell that the gap is gone, but you could see where a gap is from the background image (I used the ones you gave me and uploaded them to to the server). Any idea why this part isn't working? Other than that, the menu is finally working as I would like it to. Thanks for taking the time to help me out!

Just realized the images uploaded weren't set to 167 so I did that in photoshop and it all works now. Thank you so much again for all your help! The menu looks great and was exactly what I was looking for!

Cheers cldsk,

I don't know why the images didn't upload as 167px, but you sorted it out nicely.

Great looking menu and page, nice one!