DIV+CSS设置成20行2列，程序是DEDECMS 56版本的。

网页模板素材下载：

http://scchinazcom/moban/cssmobanhtml

wwwdedecmscom/template/

找个合适的随便修改下就可以了。都是免费的~~亲

织梦内容管理系统(DedeCms) 以简单、实用、开源而闻名，是国内最知名的PHP开源网站管理系统，也是使用用户最多的PHP类CMS系统，在经历了二年多的发展，目前的版本无论在功能，还是在易用性方面，都有了长足的发展，DedeCms免费版的主要目标用户锁定在个人站长，功能更专注于个人网站或中小型门户的构建，当然也不乏有企业用户和学校等在使用本系统。织梦内容管理系统(DedeCms)基于PHP+MySQL的技术架构，完全开源加上强大稳定的技术架构，使你无论是目前打算做个小型网站，还是想让网站在不断壮大后系仍能得到随意扩充都有充分的保证。

更多视频教学可以浏览：

http://baikebaiducom/view/2208013htm

呵呵，这个题是用DIV+CSS好过TABLE排版的典型案例。

你用你的一列输出程序就可以,dede我N年没用了，不记得模板怎么写，就用foreach代替一下，你应该能明白的：

<ul id='xxx'>

<php foreach($list as $row){ >

<li><php echo $row['title'];></li>

< } >

</ul>

直接显示上面的代码，会是单独的一行，但是配上下面的CSS，就会变成两行了

#xxx{

width:600px;

}

#xxx li{

float:left;

width:300px;

padding-right:50px;

}

没有实际测试过，具体的数字可能需要微调，比如把300PX改成260PX或更小，CSS的基本用法，相信不用我多说了吧。

table已经淘汰了，现在稍微懂行一点的客户，都会拒绝table排版而要求CSS的，所以，继续努力把，LZ

{dede:channel type='top' row='10' currentstyle="<li class='current'><a href='~typelink~' ~rel~><i class='icon icon-~typeid~'><i>~typename~</a></li>"}

      <li><a href='[field:typeurl/]' [field:rel/]><i class='icon icon-[field:typeid/]'><i>[field:typename/]</a></li>

      {/dede:channel}

用icon-~typeid~  来给每一个栏目对应的css命名，比如关于我们栏目typeid=1，那么对应css就是icon-1，常见问题栏目typeid=2，那么对应css就是icon-2，只要在css文件里面设置好icon-1  icon-2 就好了。

还有一办法：模板里面不写每个a链接的css，直接在css文件里面按栏目排列顺序设置：

background-image: url(icon-gygif);

background-repeat: no-repeat;

background-position: right center;

}

li:nth-child(2) i {

background-image: url(icon-cjwtgif);

background-repeat: no-repeat;

background-position: right center;

}

虽然以上写法ie兼容有问题，但也可以搜索到各种技巧解决。