<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>畅想未来 - 表格布局</title>
</head>
<body bgcolor="aqua">
<table align="center" cellpadding="0" cellspacing="0" border="5">
<!-- logo图片所在行 -->
<tr>
<td width="922px"><img src="任务分解/阶段4/pic1.jpg"/></td>
</tr>
<!-- 导航菜单所在行 -->
<tr>
<td><table align="center" background="任务分解/images/img6_bj1.jpg" width="100%">
<tr align="center">
<td>首页</td>
<td>未来都市</td>
<td>未来旅游</td>
<td>未来通讯</td>
<td>未来电脑</td>
<td>科幻小说</td>
<td>来宾留言</td>
</tr>
</table></td>
</tr>
<!-- 登录、公告栏所在行 -->
<tr background="任务分解/images/img6_bj2.jpg">
<td><table>
<tr>
<!-- 登录所在格子 -->
<td><form>
<table style="margin-left:110px">
<tr>
<td align="center">用户名</td>
<td><input type="text" /></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" /></td>
</tr>
<tr>
<td align="right"><input type="submit" value="登录" /></td>
<td align="center"><input type="reset" value="重置" /></td>
</tr>
</table>
</form></td>
<!-- 公告所在格子 -->
<td style="padding-left:50px"><table>
<tr>
<td><img src="任务分解/images/img6_inform.gif"/></td>
<td><marquee behavior="scroll" height="100px" direction="up" onMouseOver="this.stop()" onMouseOut="this.start()">
<font size="-1">
<ol>
<b>朋友您好!欢迎来到畅想未来网站!</b>
<li>本站的部分资料，文章来自网上收集，其版权归作者本人所有。</li>
<li>本站纯属个人网站，没有任何商业用途。</li>
<li>敬请来宾留言提出宝贵意见、指导。</li>
</ol>
</font>
</marquee></td>
</tr>
</table></td>
</tr>
</table>
</tr>
<!-- 热门话题所在行 -->
<tr>
<td rowspan="3" colspan="2"><table style="border:2px solid blue; border-radius:10px" cellpadding="0" cellspacing="0">
<tr>
<td><img src="任务分解/images/img6_6.gif"/></td>
</tr>
<tr>
<td><ul style="list-style:url('任务分解/images/jt.gif');font-size:13px;width:150px;height:200px;line-height:20px" >
<li >应对未来八大发展趋势</li>
<li>汽车造型的未来发展趋势</li>
<li>世界未来职业发展趋势展望</li>
<li>未来十年互联网的十大发展趋势</li>
<li>未来房地产十大发展趋势</li>
<li>未来十大热门职业</li>
<li>*银行未来发展趋势</li>
</ul></td>
</tr>
</table></td>
</tr>
<!-- 未来都市、未来旅游所在行 -->
<tr>
<td><table cellpadding="0" cellspacing="0">
<tr>
<td><img src="任务分解/images/img6_3.jpg"/></td>
<td><img src="任务分解/images/img6_2.jpg"/></td>
</tr>
<tr>
<td><img src="任务分解/images/img6_7.gif" align="right"/> <font size="-1"> 从超大城市到巨型城市、人人在家办公，工作和网络密不可分、地下城市在成长、建造人工岛（向海洋要空间）、可容百万房客的“庞然大物”等等。虽然这些未来城市有点儿像海市蜃楼般迷离，但绝非科学幻想，有些终将成为现实。 </font></td>
<td width="340px"><img src="任务分解/images/img6_8.gif" align="right"/> <font size="-1"> 未来的太空飞机、超越协和式飞机、令你大吃一惊的机翼、没有螺旋桨和发动机的船、安静清洁的发动机等等。本栏目将描绘新世纪 或更远未来旅游工具的发展蓝图。 </font></td>
</tr>
</table></td>
</tr>
<!-- 科幻小说、友情链接所在行 -->
<tr>
<td><table>
<td><img src="任务分解/images/img6_4.jpg" align="left"/> <font size="-1"> 我们不妨把科学和艺术比作雅典娜所说的两支羽箭，这两支羽箭飞越了遥远、辽阔的时间和空间，如今果真在一点上相交了。科学幻想小说的产生、繁荣就充分显示了这一点，而世界也的确不是原来的样子了，人类文明之花已铺展大地。 </font></td>
<td>
<table>
<tr>
<td>
<img src="任务分解/images/img6_5.jpg"/>
</td>
<td>
<table>
<tr>
<td><a href="#">百度</a></td>
<td><a href="#">Google</a></td>
<td><a href="#">新浪</a></td>
</tr>
<tr>
<td><a href="#">搜狐</a></td>
<td><a href="#">网易</a></td>
<td><a href="#">雅虎</a></td>
</tr>
<tr>
<td><a href="#">腾讯QQ</a></td>
<td><a href="#">TOM</a></td>
<td><a href="#">21CN</a></td>
</tr>
</table></td>
</tr>
</table></td>
</td>
</tr>
</table>
</tr>
</table>
</body>
</html>
1 个解决方案
#1
感觉是border或者图片高度影响了布局，那个table被挤出去了吧
#1
感觉是border或者图片高度影响了布局，那个table被挤出去了吧