[已解决]怎么让表格并列在一起，我做出的老是上下的，如图

天道8 · 发表于 2022-4-11 00:57:36

求修改下代码，谢谢各位大神。

<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OA办公系统</title>
</head>
<body bgcolor="white" leftmargin="0" topmargin="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td bgcolor = "blue" colspan="5" height="69" style="color:white">        OA办公系统 </td>
<td colspan="5"><img src="daohang01.png" width="60" height="69"/></td>
<td colspan="5" height="69"style="color:white" bgcolor = "blue">          办公桌面</td>
<td colspan ="5"><img src = "daohang02.png" width="60" height = "69"></td>
<td colspan="5"height="69"style="color:white" bgcolor = "blue">工作周报</td>
<td colspan ="1"><img src = "daohang03.png" width="60" height = "69"></td>
<td colspan="5" height="69"style="color:white" bgcolor = "blue">密码修改</td>
<td colspan ="1"><img src = "daohang04.png" width="60" height = "69"></td>
<td colspan="5" height="69"style="color:white" bgcolor = "blue">安全退出</td>
<td colspan ="1"><img src = "个人照片.png" width="60" height = "69"></td>
<td colspan="5" height="69" bgcolor = "blue"style="color:white">xxxxxxx</td>
</tbody>
<table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td colspan ="0"><img src = "img_03.jpg" width="20%" height = "100%"></td>
<tr>
<table width="100%" border="0" cellpadding="0" cellspacing="0" height="50%">
<table border= "1px" width="800" cellspacing="0px">
<tr>
<th>编号</th>
<th>标题</th>
<th>问题来源</th>
<th>客户反馈</th>
</tr>
<tr>
<td>20150525</td>
<td>欢迎访问OA办公平台</td>
<td>192.18.1.6</td>
<td>填写的不错</td>
</tr>
<tr>
<td>20150312</td>
<td>办公室发奖金名单确定了办公效率</td>
<td>192.18.3.14</td>
<td>以后努力</td>
</tr>
<tr>
<td>20151104</td>
<td>设计要注意细节</td>
<td>192.18.1.1</td>
<td>总结的不错</td>
</tr>
<tr>
<td>20150808</td>
<td>如何做好界面的实设计工作</td>
<td>192.18.1.1</td>
<td>值得学习</td>
</tr>
</table>
</table>
</table>
</table>
</body>
</html>

复制代码

最佳答案

月排行榜 / 总排行榜

ba21

2022-4-11 00:57:37

在搞这个东西前要搞懂你要的布局，
无非就是表格里面嵌套表格，
表格行列
<table>
<tr>
<td></td>
</tr>
</table>
这才是一个完整的表格，不要搞得只有tr，没有/tr等等，表格都是嵌套到单元格里的，也就是<td> </td>中。

以下为示例：

<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OA办公系统</title>
</head>
<body bgcolor="white" leftmargin="0" topmargin="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor = "blue" colspan="5" height="69" style="color:white">        OA办公系统 </td>
<td colspan="5"><img src="daohang01.png" width="60" height="69"/></td>
<td colspan="5" height="69"style="color:white" bgcolor = "blue">          办公桌面</td>
<td colspan ="5"><img src = "daohang02.png" width="60" height = "69"></td>
<td colspan="5"height="69"style="color:white" bgcolor = "blue">工作周报</td>
<td colspan ="1"><img src = "daohang03.png" width="60" height = "69"></td>
<td colspan="5" height="69"style="color:white" bgcolor = "blue">密码修改</td>
<td colspan ="1"><img src = "daohang04.png" width="60" height = "69"></td>
<td colspan="5" height="69"style="color:white" bgcolor = "blue">安全退出</td>
<td colspan ="1"><img src = "个人照片.png" width="60" height = "69"></td>
<td colspan="5" height="69" bgcolor = "blue"style="color:white">xxxxxxx</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="1" cellpadding="1" cellspacing="1">
<tr>
<td width="300px" height="800"><table width="100%" border="1" cellpadding="1" cellspacing="1" >
<tr>
<td colspan ="0"><img src = "img_03.jpg" width="20%" height = "100%"></td>
</tr>
</table></td>
<td><table border= "1px" width="800" cellspacing="0px">
<tr>
<th>编号</th>
<th>标题</th>
<th>问题来源</th>
<th>客户反馈</th>
</tr>
<tr>
<td>20150525</td>
<td>欢迎访问OA办公平台</td>
<td>192.18.1.6</td>
<td>填写的不错</td>
</tr>
<tr>
<td>20150312</td>
<td>办公室发奖金名单确定了办公效率</td>
<td>192.18.3.14</td>
<td>以后努力</td>
</tr>
<tr>
<td>20151104</td>
<td>设计要注意细节</td>
<td>192.18.1.1</td>
<td>总结的不错</td>
</tr>
<tr>
<td>20150808</td>
<td>如何做好界面的实设计工作</td>
<td>192.18.1.1</td>
<td>值得学习</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

复制代码

跳转到最佳答案楼层

ba21 · 发表于 2022-4-11 00:57:37

在搞这个东西前要搞懂你要的布局，
无非就是表格里面嵌套表格，
表格行列
<table>
<tr>
<td></td>
</tr>
</table>
这才是一个完整的表格，不要搞得只有tr，没有/tr等等，表格都是嵌套到单元格里的，也就是<td> </td>中。

以下为示例：

<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OA办公系统</title>
</head>
<body bgcolor="white" leftmargin="0" topmargin="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor = "blue" colspan="5" height="69" style="color:white">        OA办公系统 </td>
<td colspan="5"><img src="daohang01.png" width="60" height="69"/></td>
<td colspan="5" height="69"style="color:white" bgcolor = "blue">          办公桌面</td>
<td colspan ="5"><img src = "daohang02.png" width="60" height = "69"></td>
<td colspan="5"height="69"style="color:white" bgcolor = "blue">工作周报</td>
<td colspan ="1"><img src = "daohang03.png" width="60" height = "69"></td>
<td colspan="5" height="69"style="color:white" bgcolor = "blue">密码修改</td>
<td colspan ="1"><img src = "daohang04.png" width="60" height = "69"></td>
<td colspan="5" height="69"style="color:white" bgcolor = "blue">安全退出</td>
<td colspan ="1"><img src = "个人照片.png" width="60" height = "69"></td>
<td colspan="5" height="69" bgcolor = "blue"style="color:white">xxxxxxx</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="1" cellpadding="1" cellspacing="1">
<tr>
<td width="300px" height="800"><table width="100%" border="1" cellpadding="1" cellspacing="1" >
<tr>
<td colspan ="0"><img src = "img_03.jpg" width="20%" height = "100%"></td>
</tr>
</table></td>
<td><table border= "1px" width="800" cellspacing="0px">
<tr>
<th>编号</th>
<th>标题</th>
<th>问题来源</th>
<th>客户反馈</th>
</tr>
<tr>
<td>20150525</td>
<td>欢迎访问OA办公平台</td>
<td>192.18.1.6</td>
<td>填写的不错</td>
</tr>
<tr>
<td>20150312</td>
<td>办公室发奖金名单确定了办公效率</td>
<td>192.18.3.14</td>
<td>以后努力</td>
</tr>
<tr>
<td>20151104</td>
<td>设计要注意细节</td>
<td>192.18.1.1</td>
<td>总结的不错</td>
</tr>
<tr>
<td>20150808</td>
<td>如何做好界面的实设计工作</td>
<td>192.18.1.1</td>
<td>值得学习</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

复制代码

天道8 · 发表于 2022-4-11 01:09:13

最终效果是这样的

洋洋痒 · 发表于 2022-4-11 08:58:56

高楼大厦一看就是背景图片

天道8 · 发表于 2022-4-11 12:14:49

洋洋痒发表于 2022-4-11 08:58
高楼大厦一看就是背景图片

是背景图片，想让他们并列

ba21 · 发表于 2022-4-11 21:04:35

还有图片不一定是单元格中插入<img>
也有可能是哪个表格的背景。
实际怎么运用，灵活使用即可。

账号		自动登录	找回密码
密码			立即注册