本帖最后由 aloesky 于 2012-07-19 22:20:26 编辑

解决方案 »

  1.   

    第一步实现的结果如下:
    <table border='1'>
     <tr><td>111</td></tr>
     <tr><td>2222</td></tr>
     <tr><td>3333</td></tr> 
    </table> 
      

  2.   

    建议你将静态的HTML代码写好之后再套入php代码。你现在静态的还没成形啊。
      

  3.   

    <table width="730" border="0" align="center" cellspacing="0" cellpadding="0">
                  <tr>
                    <td height="30" align="left" style="font-size:16px; font-weight:bold; color:#0066FF; padding-left:10px;">p_class</td>
                    <td align="right"><a href="#"><img src="../images/icon_more.gif" alt="more" border="0"  /></a></td>
                  </tr>
                  <tr>
                    <td colspan="2" align="left"><img src="../images/line_1.jpg" width="730" height="20" alt="" /></td>
                  </tr>
                </table>
              
    <table width="730" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
              <td><table width="150"  border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="150" align="center" class="border_huise"><a href="#" target="_blank"> <img src="../up_product/cr-527632.jpg" alt="" border="0" /></a></td>
                </tr>
                <tr>
                  <td height="25" align="center" background="images/name_bg.jpg"><a href="#" target="_blank" >p_class</a></td>
                </tr>
                <tr>
                  <td height="25" align="center"><a href="#" target="_blank" >p_name</a></td>
                </tr>
              </table>
              <br /></td>
              
              <td><table width="150"  border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="150" align="center" class="border_huise"><a href="#" target="_blank"> <img src="../up_product/cr-527632.jpg" alt="" border="0" /></a></td>
                </tr>
                <tr>
                  <td height="25" align="center" background="images/name_bg.jpg"><a href="#" target="_blank" >p_class</a></td>
                </tr>
                <tr>
                  <td height="25" align="center"><a href="#" target="_blank" >p_name</a></td>
                </tr>
              </table>
              <br /></td>
              
              <td><table width="150"  border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="150" align="center" class="border_huise"><a href="#" target="_blank"> <img src="../up_product/cr-527632.jpg" alt="" border="0" /></a></td>
                </tr>
                <tr>
                  <td height="25" align="center" background="images/name_bg.jpg"><a href="#" target="_blank" >p_class</a></td>
                </tr>
                <tr>
                  <td height="25" align="center"><a href="#" target="_blank" >p_name</a></td>
                </tr>
              </table>
              <br /></td>
              
              <td><table width="150"  border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                  <td height="150" align="center" class="border_huise"><a href="#" target="_blank"> <img src="../up_product/cr-527632.jpg" alt="" border="0" /></a></td>
                </tr>
                <tr>
                  <td height="25" align="center" background="images/name_bg.jpg"><a href="#" target="_blank" >p_class</a></td>
                </tr>
                <tr>
                  <td height="25" align="center"><a href="#" target="_blank" >p_name</a></td>
                </tr>
              </table>
              <br /></td>
              
            </tr>
          </table>
      

  4.   

    使用float吧。没那么头痛。<div style="width:33%; float:left;">
    你的内容。
    </div>
      

  5.   


    用div排版更困难。DIV的嵌套能力不如table
      

  6.   

    错了
    你这个场景必须使用div.切莫因为还不熟悉css或图一时方便 而放弃div.
      

  7.   

    就按你的思路,用 table 完成
    基本元素
    <table>
     <tr>
       <th>
        <img src=???>
       </th>
     </tr>
     <tr>
      <td> 产品信息 </td>
     </tr>
    </table>分类容器
    <table>
     <tr>
      <td colspan=4>标题</td>
     </tr>
     <tr>
      <td>
       在这里用程序写入4个基本元素
      </td>
     </tr>
    </table>
      

  8.   

    参考:
    http://topic.csdn.net/u/20120719/11/d9e88974-5549-4805-9953-50adf5fc4dcd.html?seed=266018207&r=79176885#r_79176885
    和原来的那个相比较,只是html的排版格式改一下就行了,尽量将php的action代码和html的代码分开,便于操作和增加可读性
      

  9.   

    用 div+css排版把 表格代码看上去很乱
      

  10.   

    没,我在ASP那边还是用的全站DIV。只是接触PHP不久感觉不太了解,所以觉得先用TABLE尝试,让思路更简单些。熟悉之后,再上DIV+css
      

  11.   


    HTML没有问题,我在回帖中已经把成品HTML贴上去了,现在的主要问题是:PHP语句如何嵌套进这段HTML才能实现目的
      

  12.   

    我吧精简的HTML排版发上来吧:
    <table border="1">
      <tr>
        <td>产品类别(在数据库内的字段名:p_class)</td>
        <td>more带链接(链接指向该类别名的下的所有商品)</td>
      </tr>
      <tr>
        <td colspan="2">背景图片,相当于一横线</td>
      </tr>
    </table>
              
    <table border="1">
      <tr>
        <td>
        <table border="1">
                <tr><td >产品图(字段名:pic)</td></tr>
                <tr><td >产品类别名(字段名:p_class)</td></tr>
                <tr><td>产品名称(字段名:p_name)</td></tr>
            </table>
              <br />
        </td> 
        <td>
        <table border="1">
                <tr><td >产品图(字段名:pic)</td></tr>
                <tr><td >产品类别名(字段名:p_class)</td></tr>
                <tr><td>产品名称(字段名:p_name)</td></tr>
            </table>
              <br />
        </td>
        <td>
        <table border="1">
                <tr><td >产品图(字段名:pic)</td></tr>
                <tr><td >产品类别名(字段名:p_class)</td></tr>
                <tr><td>产品名称(字段名:p_name)</td></tr>
            </table>
              <br />
        </td>
        <td>
        <table border="1">
                <tr><td >产品图(字段名:pic)</td></tr>
                <tr><td >产品类别名(字段名:p_class)</td></tr>
                <tr><td>产品名称(字段名:p_name)</td></tr>
            </table>
              <br />
        </td>
      </tr>
    </table>
      

  13.   


    我已经实现了。就是学习你的写法做的。另外开了个帖子说明了的。另外,我需要上传两张图片,并记录路径的帖子,搞不定。
    您要是有空,麻烦过去帮忙一下,多谢,网址:http://topic.csdn.net/u/20120722/20/55be3824-faa8-4641-91f0-428f9195fe7e.html