首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

+++++搞不定ul嵌套repeater,重新发贴,分数不够小弟我再加+++++

2011-12-20 
+++++搞不定ul嵌套repeater,重新发贴,分数不够我再加+++++divid right divid firstTitle Class

+++++搞不定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>

热点排行