C#菜单控件在菜单项之外放置一个箭头

C#菜单控件在菜单项之外放置一个箭头,c#,css,menu,C#,Css,Menu,我已经创建了一个菜单控件。有主菜单项,然后是静态项。菜单控件放置指向右侧的默认箭头。我想改变方向,指向下方,而且,似乎默认菜单控件为箭头的放置创建了一个单独的td。我不喜欢这样,因为这实际上把箭头放在了菜单项之外 因此,我禁用了默认箭头并添加了我自己的箭头 // Create a new Menu control. _MainNav = new Menu(); _MainNav.StaticEnableDefaultPopOutImage = false; _MainNa

我已经创建了一个菜单控件。有主菜单项,然后是静态项。菜单控件放置指向右侧的默认箭头。我想改变方向,指向下方,而且,似乎默认菜单控件为箭头的放置创建了一个单独的td。我不喜欢这样,因为这实际上把箭头放在了菜单项之外

因此,我禁用了默认箭头并添加了我自己的箭头

// Create a new Menu control.
    _MainNav = new Menu();
    _MainNav.StaticEnableDefaultPopOutImage = false;
    _MainNav.DynamicEnableDefaultPopOutImage = false;
    _MainNav.StaticPopOutImageUrl = "~/App_Themes/Images/Arrow.png";
    _MainNav.DynamicPopOutImageUrl = "~/App_Themes/Images/Arrow.png";
这固定了箭头的方向。从指向右侧开始,现在它指向下方

然而,箭头仍然放在一个新的td中。。。。菜单项与指示存在子项的箭头之间存在间隙。从视觉上看,其中一个菜单项的箭头似乎位于下一个菜单项的开头

这是我的css:-

div.nav
{
    border: 1px solid #fff;
    width: 960px;
    border-bottom-width: 2px;
    clear: both;
}

.menu
{
    padding: 0;
    margin: 0;
    width: 960px;
    background-color: #71cd7b;
    display: inline-block;
    border-bottom: 1px solid white;
    font-size: 15px;
}
.menu tr
{
    text-align: left;
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
}
.menu td
{
    float: left;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}
.menu td a
{
    float: left;
    width: 134px;
    height: 25px;
    padding-top: 10px;
    text-indent: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(Images/divider.jpg);
    background-position: right;
    background-repeat: repeat-y;
}
.menu td a:hover
{
    background-color: #7156a4;
    font-size: 15px;
}
.menu td a.active
{
    background-color: #7156a4;
    font-size: 15px;
}


.subMenu
{
    border:1px double Black;   
    border-width: thin;
}

.subMenuItem
{
    background-color : white;
    width: 160px;
    margin-left:5px;
    margin-top:2px;
    margin-bottom:5px;
    font-family:@Arial Unicode MS;
    color:Black;
}

.subMenuItem:hover
{
    background-color :#7156a4;   
    margin-left:5px;
    margin-top:3px;
    margin-bottom:2px;
    margin-right:5px;
    font-weight:bold;
    color:White;
}
我的HTML:-

<div id="nav" class="nav">
            <asp:PlaceHolder ID="MenuPlaceHolder" runat="server" />
        </div>
        <div class="body_block">
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </div>


如何将箭头向左移一点,使其位于菜单的同一部分,而不是下一部分的开头。

对不起,您使用了什么方法添加箭头?我们也可以获得输出HTML吗?我使用了C#的菜单控件。我还在我放置菜单的位置添加了HTML。