1、网页制作:页面中有两个表格,用js或者jquery实现将其中一个表格的某一行复制到另一个表格的一行。
<!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=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<style type="text/css">
table{ border-collapse:collapse; margin-top:20px;}
td{ border:1px solid #000;}
</style>
<script type="text/javascript">
$(function(){
$("table:eq(0) tr:eq(1)")//获取第一个表格的第二行N
.clone()//复制
.insertAfter("table:eq(1) tr:eq(0)");//插入到第二个表格的第一行后面
})
</script>
</head>
<body>
<table>
<tr>
<td>表格1第一行</td><td>表格1第一行</td>
</tr>
<tr>
<td>表格1第二行</td><td>表格1第二行</td>
</tr>
<tr>
<td>表格1第三行</td><td>表格1第三行</td>
</tr>
</table>
<table>
<tr>
<td>表格2第一行</td><td>表格2第一行</td>
</tr>
<tr>
<td>表格2第二行</td><td>表格2第二行</td>
</tr>
<tr>
<td>表格2第三行</td><td>表格2第三行</td>
</tr>
</table>
</body>
</html>
2、网页设计html中表格排版一行对应2行
&
3、用js和css制作的网页页面,请问怎么把表格的一行分成两行?
把最小的行作为单元行么,其他的行rowspan变成2倍吧
╮(╯▽╰)╭
在一个单元格里面换回行...把内容分成2个块答级元素行不行啊...
蛋疼一点的,可以在td里面再放一个table弄个2行一列么...纯table样式还是很简洁吧,也许...
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr><td>一行内容</td></tr>
<tr><td>二行内容</td></tr>
</table>
</td>
4、网页设计中,表格列太多了如何显示
重点显示几列,其它的列显示成有横向滚动条那样的。
5、网页制作中表格排版
你可以把这个几个表格都放在一个表格里,先设置一个三行一列的表格;再把第一行设置成三列;在第一行第一列插入第一个竖表格,第一行第三列插入第二个竖表格,第三行插入一个横表格;设置第二行的高度(即两个竖表格和横表格之间的间隙了)代码如下: <table width="1003" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="250"> <!--第一个竖表格--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" height="200">第一个竖表格</td> </tr> </table> </td> <td width="10"></td> <td width="750"> <!--第二个竖表格--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" height="200">第二个竖表格</td> </tr> </table> </td> </tr> <tr> <td colspan="3" height="10"></td> </tr> <tr> <td colspan="3"> <!--第一个横表格--> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" height="150">第一个横表格</td> </tr> </table> </td></tr> </table>
6、网页制作时,怎么将Table表格各列平均固体宽度,求代码。
你可以在td标签后加上他的属性width,你想每列的宽度多少,你就讲width=“”就ok了!!
例如 <td width="200">123</td>;也可以版这样,假如你权有五列,<td width="20%">123</td>就是每列占总的20%。
7、网页设计中的表格!
<tr>
<td height="890" background="imega/2.gif" valign="top">
<table width="102%" height="25" border="0" cellpadding="5" cellspacing="1"> <!--这个表格已经至顶 -->
<tr>
<td width="11%"> </td>
<td width="17%" valign="top">|<a href="i.jsp">111</a></td>
<td width="30%" valign="top" >这一段表格至顶</td>
<td width="42%"> </td>
</tr>
</table>
</td>
</tr>
8、网页设计中有些表格怎么制作啊???
这是选项卡效果,需要用javascript实现。
给你一个参考实例:http://www.blueidea.com/tech/web/2008/5460.asp
9、有关网页制作.如何用<DIV>布局,做出三行三列?不用表格.
方法很多,比如:
<style type="text/css">
<!--
ul{
margin:0;
padding:0;
}
li{
list-style:none;
}
#h1,#h2,#h3 {
height: 50px;
width: 900px;
}
#h1 li,#h2 li,#h3 li{
float:left;
height:50px;
width:300px;
}
.ys1{
background-color:#000000;
}
.ys2{
background-color:#FF00FF;
}
.ys3{
background-color:#0000FF;
}
-->
</style>
<div id="h1">
<ul>
<li class="ys1">1</li>
<li class="ys2">2</li>
<li class="ys3">3</li>
</ul>
</div>
<div id="h2">
<li class="ys3">1</li>
<li class="ys1">2</li>
<li class="ys2">3</li>
</div>
<div id="h3">
<li class="ys2">2</li>
<li class="ys3">3</li>
<li class="ys1">1</li>
</div>