I have an asp:Menu control in vertical drop-down mode, a portion as displayed:
Can anyone tell me how to get Community correctly aligned with Support? Also how do I put a bit of a gap between Community and its gray border? I have the following CSS which I purchased as part of a theme from www.aspthemes.net ...)
/*-- ASP Menu --*/
/*-- Vertical Orientation --*/
..aspMenu
{
background-color: #eeeeee !important;
background-image: url(./Images/menu_headerbg.jpg) !important;
background-repeat: repeat-x !important;
}
..aspMenuDynamicHover
{
height: 25px !important;
}
..aspMenuDynamicHover tr td a:Hover
{
color: #000000 !important;
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;
font-size: 9pt !important;
font-weight: bold !important;
}
..aspMenuDynamicMenuItem
{
background-color: #eeeeee !important;
height: 25px !important;
}
..aspMenuDynamicMenuItem tr td a
{
color: #686872 !important;
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;
font-size: 9pt !important;
font-weight: bold !important;
height: 25px !important;
}
..aspMenuStaticMenuItem
{
padding: 5px 10px;
border-bottom-color: #cccccc !important;
border-bottom-style: solid !important;
border-bottom-width: 1px !important;
}
..aspMenuStaticMenuItem tr td a
{
color: #686872 !important;
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;
font-size: 9pt !important;
font-weight: bold !important;
text-decoration: none !important;
}
..aspMenuStaticMenuItem tr td a:Hover
{
color: #000000 !important;
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;
font-size: 9pt !important;
font-weight: bold !important;
}
/*-- ASP Menu --*/
/*-- Horizontal Orientation --*/
..aspMenu1
{
background-image: url(./Images/shared_headerbg.gif) !important;
background: url(./Images/shared_headerbg.gif) !important;
background-repeat: repeat-x !important;
height: 34px !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
..aspMenuDynamicHover1
{
}
..aspMenuDynamicMenuItem1
{
background-color: #eeeeee !important;
}
..aspMenuDynamicMenuItem1 tr td a
{
color: #686872 !important;
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;
font-size: 9pt !important;
font-weight: bold !important;
}
..aspMenuDynamicMenuItem1 tr td a:Hover
{
color: #000000 !important;
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;
font-size: 9pt !important;
font-weight: bold !important;
}
..aspMenuDynamicMenuLevel3
{
margin-left: 16px !important;
}
..aspMenuStaticHover1
{
}
..aspMenuStaticMenuItem1
{
}
..aspMenuStaticMenuItem1 tr td a
{
color: #686872 !important;
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;
font-size: 9pt !important;
font-weight: bold !important;
}
..aspMenuStaticMenuItem1 tr td a:Hover
{
color: #000000 !important;
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif !important;
font-size: 9pt !important;
font-weight: bold !important;
}