日期:2014-05-16  浏览次数:20800 次

表格的嵌套

上图是我想做出的效果。但做出来的效果是这样(如下图),弄了挺久,但还是有点问题,所以想求救大神。(刚学html,代码比较乱。)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<!--table width="600" border="1" cellspacing="0" cellpadding="0"-->
<table border="1">
   <tr>
    <td colspan="6" align="center">主题网站名称</td>
  </tr>
  <tr colspan="6">
        <td>导航内容一</td>
        <td>导航内容二</td>
        <td>导航内容三</td>
        <td>导航内容四</td>
<td>导航内容五</td>
        <td>导航内容六</td>
  </tr>
   <tr>
     <td><table frame="void" width="200" border="1" cellspacing="0" cellpadding="0">
      <tr align="center">
        <td>图片1</td>
      </tr>
       <tr align="center">
        <td>图片1链接点</td>        
      </tr>
      <tr align="center">
        <td>图片2</td>       
      </tr>
  <tr align="center">
        <td>图片2链接点</td>       
      </tr>
  <tr align="center">
        <td>图片3</td>       
      </tr>
  <tr align="center">
        <td>图片3链接点</td>       
      </tr>

    </table></td>
    <td><table frame="void" width="200" border="1" cellspacing="0" cellpadding="0">
     大幅照片或者Flash流文件
    </table></td>
     <td><table frame="void" width="200" border="1" cellspacing="0" cellpadding="0">
      <tr align="center">
        <td>图片4</td>
      </tr>
      <tr align="center">
        <td>图片4链接点</td>  
      </tr>