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