Extra White Stuffs in the edge of menu from Spry Horizontal Menu Bar

Hey Pete,

delete the padding settings from ul.MenuBarHorizontal a in the SpryMenuBarHorizontal.css



Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)

Hello,

Thanks for the reply.
I just tried to delete the padding setting from ul.MenuBarHorizontal a
The extra white edge in the menu is gone. This partly solved the problem. But on the other hand, the list in menu becomes very crowded and it looks very bad.

What can I do for that?

Pete

ok, delete the padding setting as previously stated...

Then add a new rule

#wrapper #header #nav #MenuBar2 .MenuBarSubmenuVisible a {
display: block;
cursor: pointer;
background-color: #F0F9FF;
color: #666666;
text-decoration: none;
font-size: 11px;
padding: 0.5em 0.75em;
}

How does that look?

Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)

ok, just add this rule

#wrapper #header #nav #MenuBar2 .MenuBarSubmenuVisible a:hover {
background-color: #33C;
color: #FFF;
}
this will bring back the rollovers

Richard Williams
p.s. Please remember to rate our post replies and tick if solved. Also, please remember that we here are NOT employed by Adobe, we do this out of love and fun, so its always nice to recieve a Please and Thank You! :o)