HyperLinks未在输出中呈现

Question

这是ASP.NET的新手，这个问题让我抓狂。以下ASP.NET代码不会在输出中呈现列表项(即HyperLinks)：

<div class="menu-box">
    <ul>
        <li><asp:HyperLink CssClass="a4 active" runat="server" NavigateUrl="~/Admin/AllUsers.aspx" ID="lnkAllUsers">All Users</asp:HyperLink></li>
        <li><asp:HyperLink CssClass="a3 active" runat="server" NavigateUrl="~/Admin/UploadReportMain.aspx" ID="lnkExtractions">Extractions</asp:HyperLink></li>
        <li><asp:HyperLink CssClass="a2 active" runat="server" NavigateUrl="~/Admin/Register.aspx" ID="lnkRegisterUser">Register User</asp:HyperLink></li>
    </ul>
</div>

输出是这样的：

<div class="menu-box">
    <ul>
        <li></li>
        <li></li>
        <li></li>
    <ul>
</div>

CSS对于每个a1，a2等等都是不同的，我只复制其中的一个。

.a2 {
display:block;
/*background:url(../images/products.jpg) center top no-repeat;*/
text-transform:uppercase;
padding-top:18px;
} 
.a2:hover, .a2.active {
color:#14A1ED;
display:block;
/*background:url(../images/products-h.jpg) center top no-repeat;*/
} 

菜单框的CSS：

.menu-box {
float: right;
width: 450px;
font-family:'Open Sans';
padding-top:25px;
}
.menu-box ul li {
float: right;
display:block;
padding-left:45px;
}  

Answer 1

这是一个为锚点标签创建的name类

a.column:link {color: #009900;}
a.column:visited {color: #999999;}
a.column:hover {color: #333333;}
a.column:focus {color: #333333;}
a.column:active {color: #009900;}



<asp:HyperLink CssClass="column" runat="server" NavigateUrl="~/Admin/Register.aspx" ID="lnkRegisterUser">
 Register User</asp:HyperLink>

或者修改css，如下所示

.menu-box a {
display:block;
/*background:url(../images/products.jpg) center top no-repeat;*/
text-transform:uppercase;
padding-top:18px;
} 
.menu-box a:hover, .menu-box a:active {
color:#14A1ED;
display:block;
/*background:url(../images/products-h.jpg) center top no-repeat;*/
} 


.menu-box {
float: right;
width: 450px;
font-family:'Open Sans';
padding-top:25px;
}
.menu-box ul li {
float: right;
display:block;
padding-left:45px;
}  

并删除超链接的css类

<div class="menu-box">
    <ul>
        <li><asp:HyperLink runat="server" NavigateUrl="~/Admin/AllUsers.aspx" ID="lnkAllUsers">All Users</asp:HyperLink></li>
        <li><asp:HyperLink runat="server" NavigateUrl="~/Admin/UploadReportMain.aspx" ID="lnkExtractions">Extractions</asp:HyperLink></li>
        <li><asp:HyperLink runat="server" NavigateUrl="~/Admin/Register.aspx" ID="lnkRegisterUser">Register User</asp:HyperLink></li>
    </ul>
</div>

Answer 2

而不是这个

<asp:HyperLink CssClass="a4 active" runat="server" NavigateUrl="~/Admin/AllUsers.aspx" ID="lnkAllUsers">All Users</asp:HyperLink>

使用这个

<asp:HyperLink CssClass="a4 active" runat="server" NavigateUrl="~/Admin/AllUsers.aspx" ID="lnkAllUsers" Text="All Users"></asp:HyperLink>