2013-12-06 2 views
0

Новое на 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; 
} 
+0

что такое CSS для 'active' класса? – Abhitalks

+0

проверьте, что два css, классифицированных для 'display: none;' или 'visibility'' a4 и active' –

+0

, было бы неплохо, если бы вы положили свой css также –

ответ

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

Спасибо Shekhar. Оказалось, что фрагмент кода заставляет фактически отключать видимость этих гиперссылок. HTML и CSS были просто хороши в этом отношении. Но ваши комментарии и ответ помогли мне узнать что-то новое о CSS сегодня. +1 для этого. – dotNET

0

Вместо этого

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

Я уже пробовал это. Не работает. – dotNET

Смежные вопросы