CODEWITHSUNDEEP
htmlasp.netcss
dotNET
dotNET

Reputation: 35410

HyperLinks not rendering in the output

New to ASP.NET and pulling my hair out with this issue. The following ASP.NET code does not render the List Items (HyperLinks that is) in the output:

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

The output is this:

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

The CSS is different for each a1, a2 etc. I'm copying just one of them.

.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 for menu-box:

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

Upvotes: 0

Views: 118

Answers (2)

Tunisiano32
Tunisiano32

Reputation: 180

Instead of this 

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

use this

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

Upvotes: 0

शेखर
शेखर

Reputation: 17614

Here is a one was of created name classes for anchor tag

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>

or modify your css as follows

.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;
}

and remove css classes for hyperlink

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

Upvotes: 1

Related Questions