dede图片列表页的布局实现9宫格?做了一个企业站模版想,dede的图片排列是一横排排到最后的,不会换行?
如题,我想做一个图片列表页全是图片,一页有9张也就是三排三列。可是dede默认只能单行排列如下代码和截图大家分析下该怎写?<!--图片集开始--><tbody>{dede...
如题,我想做一个图片列表页全是图片,一页有9张也就是三排三列。可是dede默认只能单行排列如下代码和截图大家分析下该怎写?
<!-- 图片集开始--> <tbody>
{dede:list typeid=8 row=9 orderby=’hot’ col='3' titlelen='10' pagesize='9' } <td><table align=center width=170 border=0 cellspacing=2 cellpadding=0><tr><td colspan=2><TABLE border=0 cellPadding=0 cellSpacing=5><TR><TD align=middle > <TABLE align=center border=0 cellPadding=0 cellSpacing=0><TR><TD height=10><IMG height=10 src='/templets/mb/images/bg_0ltop.gif' width=10></TD><TD background='/templets/mb/images/bg_01.gif' height=10></TD><TD height=10><IMG height=10 src='/templets/mb/images/bg_0rtop.gif' width=10></TD></TR><TR> <TD background='/templets/mb/images/bg_03.gif' width=10> </TD><td width=130 height=100><div align=center><a href="[field:arcurl/]"=><img src="[field:picname/]" width='180' height='130' border='0' ></a><br></div></td><TD background='/templets/mb/images/bg_04.gif' width=10> </TD></TR><TR><TD height=10><IMG height=10 src='/templets/mb/images/bg_0lbottom.gif' width=10></TD><TD background='/templets/mb/images/bg_02.gif'height=10></TD><TD height=10><IMG height=10 src='/templets/mb/images/bg_0rbottom.gif' width=10></TD></TR></TABLE></TD></TR></TABLE></a></div></td></tr><tr><td align=right >名称:</td><td width=80% ><a href='[field:arcurl/]'=>[field:title/]</a></td></tr><tr><td colspan=2></td></tr></table> {/dede:list} <!--图片集结束-->
以上是不想要的样式布局,以下是想要的效果请看图: 展开
<!-- 图片集开始--> <tbody>
{dede:list typeid=8 row=9 orderby=’hot’ col='3' titlelen='10' pagesize='9' } <td><table align=center width=170 border=0 cellspacing=2 cellpadding=0><tr><td colspan=2><TABLE border=0 cellPadding=0 cellSpacing=5><TR><TD align=middle > <TABLE align=center border=0 cellPadding=0 cellSpacing=0><TR><TD height=10><IMG height=10 src='/templets/mb/images/bg_0ltop.gif' width=10></TD><TD background='/templets/mb/images/bg_01.gif' height=10></TD><TD height=10><IMG height=10 src='/templets/mb/images/bg_0rtop.gif' width=10></TD></TR><TR> <TD background='/templets/mb/images/bg_03.gif' width=10> </TD><td width=130 height=100><div align=center><a href="[field:arcurl/]"=><img src="[field:picname/]" width='180' height='130' border='0' ></a><br></div></td><TD background='/templets/mb/images/bg_04.gif' width=10> </TD></TR><TR><TD height=10><IMG height=10 src='/templets/mb/images/bg_0lbottom.gif' width=10></TD><TD background='/templets/mb/images/bg_02.gif'height=10></TD><TD height=10><IMG height=10 src='/templets/mb/images/bg_0rbottom.gif' width=10></TD></TR></TABLE></TD></TR></TABLE></a></div></td></tr><tr><td align=right >名称:</td><td width=80% ><a href='[field:arcurl/]'=>[field:title/]</a></td></tr><tr><td colspan=2></td></tr></table> {/dede:list} <!--图片集结束-->
以上是不想要的样式布局,以下是想要的效果请看图: 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询