Question

ASP.NET的新手，并解决了这个问题。以下ASP.NET代码不会在输出中呈现列表项（超链接）：

<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>

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

.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

这是一个为锚标记

创建的名称类

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>

HyperLinks不在输出中呈现

2 个答案: