用户控制菜单链接

时间:2013-08-01 21:59:53

标签: c# asp.net

我在用户控件中创建了一个菜单,但该链接无效。它被禁用了。请帮我解决。

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="menu.ascx.cs" Inherits="menu" %>

<div class="h_mnu_01"> 
<ul> 
<li>
    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Default.aspx">HyperLink</asp:HyperLink></li>

</ul>
</div>

<code>
<style type="text/css">

.h_mnu_01{
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-decoration: none;
  }

 .h_mnu_01 ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
background: #000000;
border-top-width: 1px;
border-right-width: 0;
border-bottom-width: 1px;
border-left-width: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000
  }

 .h_mnu_01 ul li{
   display: inline;
 }

 .h_mnu_01 ul li a{
float: left;
color: #FFFFFF;
padding: 5px 11px;
text-decoration: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
 }

.h_mnu_01 ul li a:访问过     {     颜色:#FFFFFF;     }

.h_mnu_01 ul li a:hover,.h_mnu_01 ul li。选中     {     颜色:#FFFF00!重要;     padding-top:5px;     padding-bottom:5px;     背景:#008000;     }

</style>

1 个答案:

答案 0 :(得分:0)

该链接是可点击的,但您更改了它的样式以显示为纯文本而不是超链接:

.h_mnu_01 ul li a{
    float: left;
    color: #FFFFFF;
    padding: 5px 11px;
    text-decoration: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000000;
}

从此样式中删除 text-decoration:none; 。它应该工作。