布局以及上传图片疑问,
时间:2011-06-03
来源:互联网
一个问题,怎么才能在整个table宽度不变的情况下,让父亲和配偶的td宽度和旁边的一样长,就是让父亲和母亲的td长度一样,而且父亲和母亲的td长度加起来和原来的一样,就是让父亲的td长度变长,而让母亲的td长度变小,而两个td长度加起来和原来的一样长,配偶和子女的也是一样.
<table class="hborder" align="center" width="60%">
<tr>
<td colspan="7"><span>教育程度(自高到低列出,高中或高中以上的填写)</span></td>
</tr>
<tr>
<th width="10%" size="10">起止时间</th>
<th colspan="2" width="20%"size="10">学校名称</th>
<th width="20%" size="10">学历</th>
<th colspan="2" width="20%" size="10">专业/毕业证</th>
<th rowspan="4" width="10%" size="10"><a id="pic">1寸彩色照片</a><br><br><input name="file" type="file" size="8"><br><br><input type="submit" value="enter"></th>
</tr>
<tr>
<td><input maxlength="50" name="starttime1" type="text" size="10"></td>
<td colspan="2"><input maxlength="50" name="schoolname1" type="text" size="10"></td>
<td><input maxlength="50" name="degree1" type="text" size="10"></td>
<td colspan="2"><input maxlength="50" name="major1" type="text" size="10"></td>
</tr>
<tr>
<td colspan="7"><span>受过何种培训(请依近到远的先后次序列出)</span></td>
</tr>
<tr>
<th width="20%">培训项目</th>
<th width="17%">时间</th>
<th width="33%" colspan="4">培训内容</th>
<th width="10%">证书</th>
</tr>
<tr>
<td><input maxlength="50" name="traningcategory1" type="text" size="15"></td>
<td><input maxlength="50" name="traningtime1" type="text" size="10"></td>
<td colspan="4"><input maxlength="200" name="traningcontent1" type="text" size="30"></td>
<td><input maxlength="50" name="certificate1" type="text" size="10"></td>
</tr>
<tr>
<td colspan="7"><span>语言能力与技能</span></td>
</tr>
<tr>
<td>第一外语及水平</td>
<td colspan="6"><input maxlength="100" name="firstforeignlan" type="text" size="50"></td>
</tr>
<tr>
<td>计算机水平</td>
<td colspan="6"><input maxlength="100" name="computerlevel" type="text" size="50"></td>
</tr>
<tr>
<td>其他技能</td>
<td colspan="6"><input maxlength="100" name="othertech" type="text" size="50"></td>
</tr>
<tr>
<td colspan="7"><span>工作记录(请依近到远的先后次序列出)</span></td>
</tr>
<tr>
<td rowspan="4" id="center">
<input maxlength="10" name="startyear2" type="text" size="4">年<input maxlength="10" name="startmonth2" type="text" size="2">月<input maxlength="10" name="startday2" type="text" size="2">日
<br>~~<br>
<input maxlength="10" name="endyear2" type="text" size="4">年<input maxlength="10" name="endmonth2" type="text" size="2">月<input maxlength="10" name="endday2" type="text" size="2">日
</td>
<td colspan="3" align="left">公司名称:<input maxlength="50" name="companyname2" type="text" size="20">
</td>
<td colspan="3">业务性质:<input maxlength="50" name="businesstype2" type="text" size="18">
</td>
</tr>
<tr>
<td>受聘职位<input maxlength="20" name="shoupinzhiwei2" type="text" size="4"></td>
<td colspan="2">离职职位<input maxlength="20" name="lizhizhiwei2" type="text" size="9"></td>
<td>受聘薪金<input maxlength="20" name="shoupinxinjin2" type="text" size="4"></td>
<td colspan="2">离职薪金<input maxlength="20" name="lizhixinjin2" type="text" size="9"></td>
</tr>
<tr>
<td colspan="6" align="left">主要职责<input maxlength="100" name="zhuyaozhize2" type="text" size="51"></td>
</tr>
<tr>
<td colspan="6" align="left">离职原因<input maxlength="100" name="lizhiyuanyin2" type="text" size="51"></td>
</tr>
<tr>
<td colspan="7"><span>家庭资料</span></td>
</tr>
<tr>
<th rowspan="2" size="10">家庭成员</th>
<th size="10">名称</th>
<th size="10">父亲</th>
<th size="10">母亲</th>
<th size="10">兄弟姐妹</th>
<th size="10">配偶</th>
<th size="10">子女</th>
</tr>
<tr>
<td>姓名</td>
<td><input maxlength="10" name="fathercount" type="text" size="3"></td>
<td><input maxlength="10" name="mothercount" type="text" size="6"></td></td>
<td><input maxlength="10" name="brothercount" type="text" size="3"></td></td>
<td><input maxlength="10" name="husbandcount" type="text" size="3"></td></td>
<td><input maxlength="10" name="soncount" type="text" size="6"></td></td>
</tr>
</table>
CSS CODE
table.hborder {border: 1px solid #333333;font-size:12px; font-family:Arial;border-collapse:collapse; cellspacing="0" cellpadding="0"; text-align:center;}
.hborder th {border: 1px solid #333333;background-color:lightgray;height:30px;text-align:center;vertical-align:middle;}
.hborder td {border: 1px solid #333333; height:30px; vertical-align:middle;}
.hborder td span {font-size:18px;font-family:"Lucida Sans Unicode"; text-align:left;}
#left {text-align:left;}
#center {text-align:center}
为什么父亲和母亲的td宽度不一样? 还有配偶和子女的宽度也不一样,怎么调整才能让这一行的td长度都一样长?
<th rowspan="4" width="10%" size="10"><a id="pic">1寸彩色照片</a><br><br><input name="file" type="file" size="8"><br><br><input type="submit" value="enter"></th>
还有上面代码中上传照片的,那么写可以么?是不是点击submit的话,整个页面的内容都提交过去了?
怎么才能单独的让照片进行上传阿?有没有相关示例代码?就是那种简历的代码,有上传照片,还有其他html
<table class="hborder" align="center" width="60%">
<tr>
<td colspan="7"><span>教育程度(自高到低列出,高中或高中以上的填写)</span></td>
</tr>
<tr>
<th width="10%" size="10">起止时间</th>
<th colspan="2" width="20%"size="10">学校名称</th>
<th width="20%" size="10">学历</th>
<th colspan="2" width="20%" size="10">专业/毕业证</th>
<th rowspan="4" width="10%" size="10"><a id="pic">1寸彩色照片</a><br><br><input name="file" type="file" size="8"><br><br><input type="submit" value="enter"></th>
</tr>
<tr>
<td><input maxlength="50" name="starttime1" type="text" size="10"></td>
<td colspan="2"><input maxlength="50" name="schoolname1" type="text" size="10"></td>
<td><input maxlength="50" name="degree1" type="text" size="10"></td>
<td colspan="2"><input maxlength="50" name="major1" type="text" size="10"></td>
</tr>
<tr>
<td colspan="7"><span>受过何种培训(请依近到远的先后次序列出)</span></td>
</tr>
<tr>
<th width="20%">培训项目</th>
<th width="17%">时间</th>
<th width="33%" colspan="4">培训内容</th>
<th width="10%">证书</th>
</tr>
<tr>
<td><input maxlength="50" name="traningcategory1" type="text" size="15"></td>
<td><input maxlength="50" name="traningtime1" type="text" size="10"></td>
<td colspan="4"><input maxlength="200" name="traningcontent1" type="text" size="30"></td>
<td><input maxlength="50" name="certificate1" type="text" size="10"></td>
</tr>
<tr>
<td colspan="7"><span>语言能力与技能</span></td>
</tr>
<tr>
<td>第一外语及水平</td>
<td colspan="6"><input maxlength="100" name="firstforeignlan" type="text" size="50"></td>
</tr>
<tr>
<td>计算机水平</td>
<td colspan="6"><input maxlength="100" name="computerlevel" type="text" size="50"></td>
</tr>
<tr>
<td>其他技能</td>
<td colspan="6"><input maxlength="100" name="othertech" type="text" size="50"></td>
</tr>
<tr>
<td colspan="7"><span>工作记录(请依近到远的先后次序列出)</span></td>
</tr>
<tr>
<td rowspan="4" id="center">
<input maxlength="10" name="startyear2" type="text" size="4">年<input maxlength="10" name="startmonth2" type="text" size="2">月<input maxlength="10" name="startday2" type="text" size="2">日
<br>~~<br>
<input maxlength="10" name="endyear2" type="text" size="4">年<input maxlength="10" name="endmonth2" type="text" size="2">月<input maxlength="10" name="endday2" type="text" size="2">日
</td>
<td colspan="3" align="left">公司名称:<input maxlength="50" name="companyname2" type="text" size="20">
</td>
<td colspan="3">业务性质:<input maxlength="50" name="businesstype2" type="text" size="18">
</td>
</tr>
<tr>
<td>受聘职位<input maxlength="20" name="shoupinzhiwei2" type="text" size="4"></td>
<td colspan="2">离职职位<input maxlength="20" name="lizhizhiwei2" type="text" size="9"></td>
<td>受聘薪金<input maxlength="20" name="shoupinxinjin2" type="text" size="4"></td>
<td colspan="2">离职薪金<input maxlength="20" name="lizhixinjin2" type="text" size="9"></td>
</tr>
<tr>
<td colspan="6" align="left">主要职责<input maxlength="100" name="zhuyaozhize2" type="text" size="51"></td>
</tr>
<tr>
<td colspan="6" align="left">离职原因<input maxlength="100" name="lizhiyuanyin2" type="text" size="51"></td>
</tr>
<tr>
<td colspan="7"><span>家庭资料</span></td>
</tr>
<tr>
<th rowspan="2" size="10">家庭成员</th>
<th size="10">名称</th>
<th size="10">父亲</th>
<th size="10">母亲</th>
<th size="10">兄弟姐妹</th>
<th size="10">配偶</th>
<th size="10">子女</th>
</tr>
<tr>
<td>姓名</td>
<td><input maxlength="10" name="fathercount" type="text" size="3"></td>
<td><input maxlength="10" name="mothercount" type="text" size="6"></td></td>
<td><input maxlength="10" name="brothercount" type="text" size="3"></td></td>
<td><input maxlength="10" name="husbandcount" type="text" size="3"></td></td>
<td><input maxlength="10" name="soncount" type="text" size="6"></td></td>
</tr>
</table>
CSS CODE
table.hborder {border: 1px solid #333333;font-size:12px; font-family:Arial;border-collapse:collapse; cellspacing="0" cellpadding="0"; text-align:center;}
.hborder th {border: 1px solid #333333;background-color:lightgray;height:30px;text-align:center;vertical-align:middle;}
.hborder td {border: 1px solid #333333; height:30px; vertical-align:middle;}
.hborder td span {font-size:18px;font-family:"Lucida Sans Unicode"; text-align:left;}
#left {text-align:left;}
#center {text-align:center}
为什么父亲和母亲的td宽度不一样? 还有配偶和子女的宽度也不一样,怎么调整才能让这一行的td长度都一样长?
<th rowspan="4" width="10%" size="10"><a id="pic">1寸彩色照片</a><br><br><input name="file" type="file" size="8"><br><br><input type="submit" value="enter"></th>
还有上面代码中上传照片的,那么写可以么?是不是点击submit的话,整个页面的内容都提交过去了?
怎么才能单独的让照片进行上传阿?有没有相关示例代码?就是那种简历的代码,有上传照片,还有其他html
作者: josiahliang 发布时间: 2011-06-03
up and help please
作者: josiahliang 发布时间: 2011-06-03
没人帮我么?
作者: josiahliang 发布时间: 2011-06-03
LZ换了个马甲又来了么。。
作者: tcwsyt 发布时间: 2011-06-03
静态的没法传照片。。搜ASP无组件上传吧。
作者: tcwsyt 发布时间: 2011-06-03
为什么父亲和母亲的td宽度不一样? 还有配偶和子女的宽度也不一样,怎么调整才能让这一行的td长度都一样长?
作者: josiahliang 发布时间: 2011-06-03
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28