PageAdmin CMS网站管理系统官方论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

xiyou老师帮帮我 [复制链接]

1#


我要实现上图内容 xiyou老师帮帮我 谢谢了
分享 转发
TOP
2#

你看一下这个可不可以
http://bbs.pageadmin.net/showtopic-23012.aspx
可以用两个来做
TOP
3#

我的四个栏目是属于一个大块的,放一起比较美观,我需要内容分两栏
TOP
4#

也可以,你首先做好选项卡,然后在表单模型中做一个左右排列的文章列表,然后在调用就可以了
左右排列的文章列表
  1. <ul class="wz_lb">
  2. <%
  3. DataTable dt=Get_Data();
  4. DataRow dr;
  5. for(int i=0;i<dt.Rows.Count;i++)
  6. {
  7.   dr=dt.Rows[i]; //说明:给dr赋值
  8. %>
  9. <li class="lb_li"><a href="<%=Detail_Url(dr)%>"><%=dr["title"].ToString()%></a></li>
  10. <%
  11. }
  12. %>
  13. </ul>
复制代码
改下class,
.wz_lb{clear:both;overflow:hidden}
.wz_lb .lb_li{float:left;width:49%;}
这样就可以了

然后想修改成什么样,修改css就可以了
TOP
5#

这样做的内容是这样的
1    2
3    4
5    6
我要内容先排左边然后再排右边
1      4
2      5
3      6
我就想实现这个功能  谢谢版主耐心解答
TOP
6#

  1. <div class="wz_lba">
  2. <div class="wz_left">    
  3. <ul class="wz_lbaa">
  4.     <%
  5.     DataTable dt=Get_Data();
  6.     DataRow dr;
  7.     for(int i=0;i<dt.Rows.Count;i++)
  8.     {
  9.     dr=dt.Rows[i]; //说明:给dr赋值
  10.     if(i<=2){
  11.     %>
  12.     <li class="lb_li1"><a href="<%=Detail_Url(dr)%>"><%=dr["title"].ToString()%></a></li>
  13.     <%
  14.     }
  15.     }
  16.     %>
  17.     </ul>
  18. </div>
  19. <div class="wz_right">
  20. <ul class="wz_lba">
  21.     <%
  22.     DataTable dt1=Get_Data();
  23.     DataRow dr1;
  24.     for(int i=0;i<dt1.Rows.Count;i++)
  25.     {
  26.     dr1=dt1.Rows[i]; //说明:给dr赋值
  27.     if(i>2){
  28.     %>
  29.     <li class="lb_li2"><a href="<%=Detail_Url(dr1)%>"><%=dr1["title"].ToString()%></a></li>
  30.     <%
  31.     }
  32.     }
  33.     %>
  34.     </ul>
  35. </div>
  36. </div>
  37. <style>
  38. .wz_lba{clear:both;overflow:hidden;}
  39. .wz_lba .wz_left{float:left;width:49%;}
  40. .wz_lba .wz_right{float:right;width:49%;}
  41. </style>
复制代码
你试试这个
TOP
7#

感谢 xiaoyou大哥  通过改i的值 每栏的条数也可以更改了
是不是再改个样式 都可以分3栏 4栏 了  
再次感谢!
TOP
8#

不是,
TOP
发新话题 回复该主题