读书人

+++++搞不定ul嵌套repeater重新发贴

发布时间: 2011-12-20 22:26:40 作者: rapoo

+++++搞不定ul嵌套repeater,重新发贴,分数不够我再加+++++
<div id= "right ">
<div id= "firstTitle " Class= "title "> 导航栏 </div>
<div id= "sidebar ">
<ul>
<asp:repeater id= "repeaterMain " Runat= "server ">
<ItemTemplate>
<asp:Label ID= "classid " visible =False Runat= "server " text= ' <%#DataBinder.Eval(Container, "DataItem.Id ")%> '>
</asp:Label>
<li> <a href= ' <%#DataBinder.Eval(Container, "DataItem.Url ")%> '> <%#DataBinder.Eval(Container, "DataItem.ClassName ")%> </a>
<ul>
<asp:repeater ID= "repeaterSub " Runat= "server ">
<ItemTemplate>
<li class= "sidebar2 "> <a href= ' <%#DataBinder.Eval(Container, "DataItem.Url ")%> ?ClassID= <%#DataBinder.Eval(Container, "DataItem.ID ")%> '> <%#DataBinder.Eval(Container, "DataItem.ClassName ")%> </li>
</ItemTemplate>
</asp:repeater>
</ul> </li>
</ItemTemplate>
</asp:repeater>
</ul>
</div>
</div>

++++++++++++++++++++css定义++++++++++++++
#right{
height:597px;
width:178px;
float:left;

}
#firstTitle{
height:10px;
width:178px;
border-bottom:1px solid #d5d7d0;
float:left;
}
.title
{
font-size:12pt;
}
#sidebar
{
float:left;
width:178px;
overflow: hidden;
}

#sidebar ul {
list-style: none;
padding: 0;
margin:0px;
}
.sidebar2 {
margin-left:20px;
}
#sidebar ul li {
display: block;
}

#sidebar ul li a {
border-bottom: 1px solid #d5d7d0;
color: #3399FF;
cursor: pointer;
display: block;
text-decoration: none !important;
}

#sidebar ul li a:hover {
background: #fafdf4;
border-bottom-color: #C3B9A2;
color: #a21 !important;
}

问题是:请看图片: http://www.morock.net/bbs/attachments/month_0705/20070526_2b7d780beeaeffb9de52ZdmmniAwAZhC.gif

少了一条下划线,怎么办啊。

[解决办法]
加个脚模板。
[解决办法]
改以下你的样式表,看看这样能不能满足你的要求

<style type= "text/css ">
#right{
height:597px;
width:178px;
float:left;
}
#firstTitle{
height:10px;
width:178px;
border-bottom:1px solid #d5d7d0;
float:left;


}
.title{
font-size:12pt;
}
#sidebar{

float:left;
width:178px;
overflow: hidden;
}
#sidebar ul {
border-bottom: 1px solid #d5d7d0;
list-style: none;
padding: 0;
margin:0px;
}
.sidebar2 {
margin-left:20px;
}
#sidebar ul li {
border-top: 1px solid #d5d7d0;
display: block;
}
#sidebar ul li a {
color: #3399FF;
cursor: pointer;
display: block;
text-decoration: none !important;
}
#sidebar ul li a:hover {
background: #fafdf4;
border-bottom-color: #C3B9A2;
color: #a21 !important;
}
</style>
[解决办法]
<div id= "right ">
<div id= "firstTitle " Class= "title "> 导航栏 </div>
<div id= "sidebar ">
<ul>
<li> <asp:repeater id= "repeaterMain " Runat= "server ">
<ItemTemplate>
<asp:Label ID= "classid " visible =False Runat= "server " text= ' <%#DataBinder.Eval(Container, "DataItem.Id ")%> '>
</asp:Label>
<a href= ' <%#DataBinder.Eval(Container, "DataItem.Url ")%> '> <%#DataBinder.Eval(Container, "DataItem.ClassName ")%> </a>
<asp:repeater ID= "repeaterSub " Runat= "server ">
<ItemTemplate>
<div class= "sidebar2 "> <a href= ' <%#DataBinder.Eval(Container, "DataItem.Url ")%> ?ClassID= <%#DataBinder.Eval(Container, "DataItem.ID ")%> '> <%#DataBinder.Eval(Container, "DataItem.ClassName ")%> </div>
</ItemTemplate>
</asp:repeater>
</ItemTemplate>
</asp:repeater> </li>
</ul>
</div>
</div>

读书人网 >asp.net

热点推荐