K9 通用版 博客版 主题版 地方门户版 企业版 |   企业(ASP) 分类 使用 分享 疑问 模板 建议 帮助 错误 其他
+新建主题 [Ajax]
填写帐号密码即可完成注册
+新建话题 最新回复排序 最新主题排序 精华帖子

产品图片列表问题

12Next >

gou360mend 发表于:10-12-11 09:48 编辑于:12-11 10:34 [添加收藏] 楼主 [回复] #Top#
gou360mend 人气:151 积分:399 金币:1222

我用的是table+td之类的代码,不是div的,
以前用div的时候可以很快实现每行*个图片有条有理的排列,现在用table的虽然定义了number=8,但是始终只能显示一行4个,似乎无法换行显示剩下4个,
是不是要加什么代码?
劳烦请教
本人代码盲。。。。。尴尬

区域代码如下:

<TABLE class=mar_top10 border=0 cellSpacing=0 cellPadding=0
        width="100%"><TBODY>
        <TR>
          <TD style="PADDING-RIGHT: 5px; PADDING-TOP: 4px" class=tuij_tit
          vAlign=top align=right><A
            href=""
            tppabs=""><IMG
            style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px"
            src="template/images/61.jpg"
            tppabs="1.jpg"></A>
          </TD></TR>
        <TR>
          <TD>
            <DIV
            style="MARGIN: 10px 18px 3px; WIDTH: 710px; OVERFLOW: hidden"><SPAN
            id=Default_ctl26><SPAN>
            <TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
              <TBODY>
              </TBODY></TABLE></SPAN></SPAN></DIV></TD></TR>
        <TR>
          <TD>
            <DIV
            style="MARGIN: 0px 0px 0px 18px; WIDTH: 715px; OVERFLOW: hidden"><!--推荐商品列表-->
            <TABLE style="BORDER-COLLAPSE: collapse"
            id=Default_ctl27___rptListItems border=0 cellSpacing=0
            LineType="NewRow">
              <TBODY>
              <TR>
                <TD colSpan=4>
                  <TABLE border=0 cellSpacing=0 cellPadding=0>

                    <TBODY>
                    <TR></TD></TR>
                    <TR>{king:article type="new" number="8" listid="2"}
                      <TD>
                      <TD vAlign=top>
                        <DIV class=home_ware_off
                        onmouseover="this.className='home_ware_on'"
                        onmouseout="this.className='home_ware_off'">
                        <TABLE border=0 cellSpacing=0 cellPadding=0
width="100%">
                          <TBODY>
                          <TR>
                            <TD class=home_ware_pic_pad vAlign=center
                            align=middle>
                              <TABLE class=home_ware_pic border=0 cellSpacing=0
                              cellPadding=0 width=163>
                                <TBODY>
                                <TR>
                                <TD vAlign=top align=middle><A
                                id=Default_ctl27___rptListItems_ctl01_Common_Link_Product1
                                href=""
                                target=_blank
                                tppabs=""><IMG
                                style="BORDER-RIGHT-WIDTH: 0px; WIDTH: 160px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 142px; BORDER-LEFT-WIDTH: 0px"
                                id=Default_ctl27___rptListItems_ctl01_Common_ProductThumbnail1
                                title="保健枕- 薰衣草助眠枕芯[990元/对]"
                                src="(king:image/)"
                                tppabs=""></A>
                                </TD></TR></TBODY></TABLE></TD></TR>
                          <TR>
                            <TD vAlign=top align=middle><SPAN class=cGray><A
                              title="保健枕- 薰衣草助眠枕芯[990元/对]"
                              href=""
                              target=_blank
                              tppabs="">保健枕-
                              薰衣草...</A></SPAN><BR><SPAN
                              class=cGray1>市场价:¥988.00</SPAN><BR><SPAN
                              class=cRed>零售价:¥498.00</SPAN>
                              <DIV style="DISPLAY: none">您的价:<SPAN
                              id=Default_ctl27___rptListItems_ctl01_Private_Price1>请登录</SPAN></DIV></TD></TR></TBODY></TABLE></DIV></TD></TD>{/king}
                     </TR>
                    <TR>
                      <TD colSpan=4></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!--结束--></DIV></TD></TR></TBODY></TABLE>

gou360mend 发表于:10-12-11 09:58 编辑于:12-11 10:35 沙发 [回复] #Top#
gou360mend 人气:151 积分:399 金币:1222
尴尬光看不回话都

在线等啊,各位高人难过
老芦 发表于:10-12-11 10:40 板凳 [回复] #Top#
老芦 人气:60 积分:470 金币:24184
VIP
你的标签是什么呀,看着真乱.
gou360mend 发表于:10-12-11 10:47 4楼 [回复] #Top#
gou360mend 人气:151 积分:399 金币:1222
不是我写的,我是别人那复制来的,正仿制模板呢
gou360mend 发表于:10-12-11 13:52 5楼 [回复] #Top#
gou360mend 人气:151 积分:399 金币:1222
尴尬知道的赶紧回个话啊,
liu1085 发表于:10-12-11 17:11 6楼 [回复] #Top#
liu1085 人气:0 积分:292 金币:1010
看着眼晕, <TD colSpan=8>试试
muyu263 发表于:10-12-11 18:33 7楼 [回复] #Top#
muyu263 人气:79 积分:641 金币:1998

下面的试验下能不能用
<table width="764" height="41"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div id="main">
        <div class="left">
          <div class="list">
            <table width="200">
              <tr>
                <td height="32"><span class="t1"><img src="images/cpwz1.jpg" width="400" height="30" /></span></td>
              </tr>
            </table>
            {king:article type="new" number="8" listid="4"}
            <p> <a href="(king:path/)" title="(king:title code="htmlencode"htmlencode""/)"><img src="(king:image width=" width="194"" height="194"128 /></a> <a href="(king:path/)" title="(king:title code="htmlencode"htmlencode""/)">(king:title size="22"/)</a> {/king}</p>
          </div>
          <div class="pagelist2"><a href="/cp">更多茶品图片请点击下一页 </a>   </div>
          <div class="list">
            <table width="200">
              <tr>
                <td height="32"><span class="t1"><img src="images/cpwz2.jpg" width="400" height="30" /></span></td>
              </tr>
            </table>
            {king:article type="new" number="8" listid="3"}
            <p> <a href="(king:path/)" title="(king:title code="htmlencode"htmlencode""/)"><img src="(king:image width=" width="194"" height="194"128 /></a> <a href="(king:path/)" title="(king:title code="htmlencode"htmlencode""/)">(king:title size="22"/)</a> {/king}</p>
          </div>
          <div class="pagelist2"><a href="/shebei">更多设备图片请点击下一页 </a>   </div>
        </div>
    </div></td>
  </tr>
</table>

上面这个是页面的,TABLE里就是显示图片的,
下面的是CSS,参考下,原站的可以用,我截取了一部分。
#main {margin:0px auto; width:760px; margin-top:10px;}
#main .left {width:760px;display:table;float:left;}

#main .left .list {width:760px;margin:10px 10px 10px 10px ;margin-bottom:10px;}
#main .left .list p {display:block;width:185px;float:left;height:210px;text-align:center;}
#main .left .list p a {display:block;clear:both;}
#main .left .list p img {border:1px solid #ddd;padding:2px;width:148px;height:180px;}

#main .left .guide {margin-bottom:10px;font-size:14px;}


gou360mend 发表于:10-12-12 08:47 8楼 [回复] #Top#
gou360mend 人气:151 积分:399 金币:1222
微笑多谢楼上几位大哥出招,微笑
dl5541 发表于:10-12-22 13:54 9楼 [回复] #Top#
dl5541 人气:65 积分:4106 金币:11690
你是怎么解决得?公布一下
gou360mend 发表于:10-12-22 14:29 10楼 [回复] #Top#
gou360mend 人气:151 积分:399 金币:1222
我自己改成div+css的了,已经达到仿制的目的且正常,td tr table之类的垃圾代码都去阴间吧。。。。。

12Next >

发表回复

帐号 匿名发布 审核后可见 [加载完整在线编辑器]
内容
验证码
KingCMS 内容管理系统

关于我们 联系我们 广告报价 付款方式 站点导航

Copyright © 2004-2015 Focuznet All rights reserved.

广州唯众网络科技有限公司 粤ICP备08008106号