Asp菜单项样式

amyw_ftdna

新成员
已加入
2012年2月23日
留言内容
4
地点
美国德克萨斯州休斯顿
编程经验
1-3
我试图通过ASP菜单控件解决一些问题。我现在正在研究的主要内容是...每当您单击menuItem时,MenuItem周围都会出现一条粉红色的线,然后在出现新页面时消失。我已经看到了这里和图像是一个链接,但是通常通过设置边框来解决:

这里有点难住..任何建议表示赞赏。

代码如下

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false"
IncludeStyleBlock ="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl ="/dashboard.aspx" Text="Home" />
<asp:MenuItem NavigateUrl ="/about.aspx" Text="About" />
<asp:MenuItem NavigateUrl ="/profile.aspx" Text="My Profile" >
<asp:MenuItem NavigateUrl ="/editMyProfile.aspx" Text="Edit 我的简历" />
<asp:MenuItem NavigateUrl ="/profileSettings.aspx" Text="Profile Settings" />
<asp:MenuItem NavigateUrl ="/personalSettings.aspx" Text="Personal Settings" />
</asp:MenuItem>
<asp:MenuItem NavigateUrl ="/results.aspx" Text="Results">
<asp:MenuItem NavigateUrl ="/matches.aspx" Text="Matches" />
<asp:MenuItem NavigateUrl ="/ancestralOrigins.aspx" Text="Ancestral Origins" />
<asp:MenuItem NavigateUrl ="/haplogroupOrigins.aspx" Text="Haplogroup Origins" />
</asp:MenuItem>
<asp:MenuItem NavigateUrl ="/maps.aspx" Text="Maps" >
<asp:MenuItem NavigateUrl ="/matchesMaps.aspx" Text="Matches Map" />
<asp:MenuItem NavigateUrl ="/migrationMaps.aspx" Text="Migration Map" />
</asp:MenuItem>
<asp:MenuItem NavigateUrl ="/resources.aspx" Text="Resources">
<asp:MenuItem NavigateUrl ="/haplotree.aspx" Text="Haplo Tree" />
<asp:MenuItem NavigateUrl ="/resources.aspx" Text="Research Paper" />
</asp:MenuItem>
<asp:MenuItem NavigateUrl ="/contributors.aspx" Text="Contributors" />
<asp:MenuItem NavigateUrl ="/default.aspx" Text="LOGOUT" />
</Items>
</asp:Menu>


谢谢
 

amyw_ftdna

新成员
已加入
2012年2月23日
留言内容
4
地点
美国德克萨斯州休斯顿
编程经验
1-3
实际上以下内容包含我的风格...

div.menu
{
边距:0px;
填充:0px 0px 4px 1px;
<%--width: 940px;--%>
高度:40px;
}
div.menu ul
{
列表样式:无;
边距:0px;
填充:0px;
<%-显示:阻止;-%>
<%--width: 940px;--%>
}
静态静态菜单
{
<%-显示:阻止;-%>
<%--width: 940px;--%>
}
静态静态菜单静态a.static,div.menu ul.static静态a.static:已访问
{

背景图片:url(../ img / navBG.png);
背景重复:repeat-x;
背景颜色:<%= Accent[0]%>;
右边框:1px实线<%= Accent[0]%>;
颜色:<%= Common[3]%>;
font-size:14px;
显示:块;
填充:8px 33px 0px 32px;
文字修饰:无;
空白:nowrap;
高度:40px;
}
静态静态菜单 li.static a.static:hover
{
背景颜色:<%= Main[2]%>;
颜色:<%= Common[2]%>;
文字修饰:无;
}
静态静态菜单 li.static a.static:活动
{
背景颜色:<%= Main[3]%>;
颜色:<%= Common[3]%>;
文字修饰:无;
}
div菜单ul.dynamic li.dynamic a.dynamic,div.menu ul.dynamic li.dynamic a.dynamic:已访问
{
背景图片:无;
背景颜色:<%= Accent[0]%>;
颜色:<%= Common[3]%>;
font-size:14px;
显示:块;
填充:8px 4px 0px 4px;
文字修饰:无;
空白:nowrap;
高度:20px;
宽度:121像素;

}
div菜单ul.dynamic li.dynamic a.dynamic:hover
{
颜色:<%= Main[2]%>;
文字修饰:无;
}
div菜单ul.dynamic li.dynamic a.dynamic:active
{
背景颜色:<%= Accent[0]%>;
颜色:<%= Common[3]%>;
文字修饰:无;
}
div.menu ul.dynamic li.dynamic:最后一个动态,div.menu ul.dynamic li.dynamic:最后一个动态:已访问
{

背景图片:url(../ img / footBG.png);
背景重复:repeat-x;
背景颜色:<%= Accent[0]%>;
}
 

amyw_ftdna

新成员
已加入
2012年2月23日
留言内容
4
地点
美国德克萨斯州休斯顿
编程经验
1-3
颜色定义

Page.Response.ContentType ="text/css";


Main.Add("#486901");
Main.Add("#618c03");
Main.Add("#74a609");
Main.Add("#a8bf75");


重音("#023b58");
重音("#016698");
重音("#0185c7");

Common.Add("#000000");
Common.Add("#363636");
Common.Add("#333333");
Common.Add("#ffffff");
 
最佳 底部