none
In the Top Navigation Menu, how do I control the StaticPopoutImageUrl="/_layouts/images/menudark.gif" image?

    Question

  • I am adding customized graphic buttons to my SharePoint site. When I add the new graphic in as the background, the "down arrow", that shows that a sub level of navigation is below the top level, is half way over the right side of the image, with half of the "menudark.gif" image in the button, and the other half of the image is hanging over the right side, forcing the navigation button next to it to have a huge gap between buttons.

    All of the other buttons that do not have the subnavigation are perfect. Only the ones with the drop down arrow, have the graphic half on and off, and the extra space between navigation buttons.

    Is there an easy way to control this?

    Here is my code from the Template:

    <SharePoint:AspMenu
          ID="TopNavigationMenu"
          Runat="server"
          DataSourceID="topSiteMap"
          EnableViewState="false"
          AccessKey="<%$Resources:wss,navigation_accesskey%>"
          Orientation="Horizontal"
          StaticDisplayLevels="2"
          MaximumDynamicDisplayLevels="3"
          DynamicHorizontalOffset="0"
          StaticPopoutImageUrl="/_layouts/images/menudark.gif"
          StaticPopoutImageTextFormatString=""
          DynamicHoverStyle-BackColor="#FFFFFF"
          SkipLinkText=""
          StaticSubMenuIndent="0"
          CssClass="ms-topNavContainer">
            <StaticMenuStyle/>
            <StaticMenuItemStyle CssClass="ms-topnav" ItemSpacing="0px"/>
            <StaticSelectedStyle CssClass="ms-topnavselected" />
            <StaticHoverStyle CssClass="ms-topNavHover" />
            <DynamicMenuStyle  BackColor="#FFFFFF" BorderColor="#FFFFFF" BorderWidth="0px"/>
            <DynamicMenuItemStyle CssClass="ms-topNavFlyOuts"/>
            <DynamicHoverStyle CssClass="ms-topNavFlyOutsHover"/>
            <DynamicSelectedStyle CssClass="ms-topNavFlyOutsSelected"/>
        </SharePoint:AspMenu>


    Here is my code from the CSS file:

    .ms-topnavContainer{
    border:none;
    }
    table.ms-topnav{
    background:none;
    border:none;
    height:26px;
    background-image:url("/_layouts/images/TP/topnavunselectedLeft.gif");
    background-repeat:no-repeat;
    background-position:left top;
    }
    table.ms-topnav a{
    margin-left:3px;
    padding-left:10px;
    padding-right:10px;
    padding-top:8px;
    padding-bottom:5px;
    background:transparent url("/_layouts/images/TP/topnavunselected.gif");
    background-repeat:repeat-x;
    background-position:right top;            
    font-weight:normal;
    color:#FFFFFF;
    height:26px;
    text-decoration:none;
    font-family:Tahoma;
    font-size:9pt;
    }
    .ms-topnav{
    padding-bottom:5px;
    }
    .ms-topnav a{
    display:block;
    white-space:nowrap;
    padding:1px 8px 5px 8px;
    height:26px;
    color:#000000;
    text-decoration:none;
    vertical-align:bottom;
    }
    table.ms-topnavselected{
    background:none;
    border:none;
    height:26px;
    background-image:url("/_layouts/images/TP/topnavselectedLeft.gif");   
    background-repeat:no-repeat;
    padding-bottom:5px;
    background-position:left top;
    }  
    table.ms-topnavselected a{
    margin-left:3px;
    padding-left:10px;
    padding-right:10px;
    padding-top:8px;
    padding-bottom:5px;
    background:transparent url("/_layouts/images/TP/topnavselected.gif");
    background-repeat:repeat-x;
    background-position:right top;            
    font-weight:normal;
    color:#000000;
    height:26px;   
    text-decoration:none;
    font-size:9pt;
    }
    table.ms-topNavHover{
    background:none;
    border:none;
    height:26px;   
    background-image:url("/_layouts/images/TP/topnavselectedLeft.gif");
    background-repeat:no-repeat;
    padding-bottom:5px;
    background-position:left top;
    }  
    table.ms-topNavHover a{
    margin-left:3px;
    padding-left:10px;
    padding-right:10px;
    padding-top:8px;
    padding-bottom:5px;
    background:transparent url("/_layouts/images/TP/topnavhover.gif");
    background-repeat:repeat-x;
    background-position:right top;            
    font-weight:normal;
    color:#000000;
    height:26px;
    text-decoration:none;
    font-size:9pt;
    }



    Tom
    Wednesday, September 10, 2008 7:06 PM