+ -
当前位置:首页 → 问答吧 →  html新手求助!

html新手求助!

时间:2011-06-01

来源:互联网

有几个问题. 

1,()里面的字都是粗体,怎么改成不是粗体阿?
2. 时间这个col的长度稍微窄一点怎么弄,比如17%,培训内容的长度是43%这样。
3. 培训内容里的input text的长度怎么显示更长一些,因为这些 input text的长度都一样长,导致培训内容下面的text长度看起来不够长。
4,怎么把input text的长度变窄,因为 年月日里的text长度太长了,所以第一个col的长度比别的col的长度长多了,导致不好看。

代码如下
html code
<table class="hborder">
<tr>
<td colspan="5"><span>教育程度(自高到低列出,高中或高中以上的填写)</span></td>
</tr>
<tr>
<th style="width=20%">起止时间</th>
<th style="width=20%">学校名称</th>
<th style="width=20%">学历</th>
<th style="width=20%">专业/毕业证</th>
<th rowspan="4" style="width=20%">1寸彩色照片</th>
</tr>
<tr>
<td><input maxlength="10" validate="" name="starttime" type="text"></td>
<td><input maxlength="10" validate="" name="schoolname" type="text"></td>
<td><input maxlength="10" validate="" name="degree" type="text"></td>
<td><input maxlength="10" validate="" name="major" type="text"></td>
</tr>
<tr>
<td><input maxlength="10" validate="" name="starttime" type="text"></td>
<td><input maxlength="10" validate="" name="schoolname" type="text"></td>
<td><input maxlength="10" validate="" name="degree" type="text"></td>
<td><input maxlength="10" validate="" name="major" type="text"></td>
</tr>
<tr>
<td><input maxlength="10" validate="" name="starttime" type="text"></td>
<td><input maxlength="10" validate="" name="schoolname" type="text"></td>
<td><input maxlength="10" validate="" name="degree" type="text"></td>
<td><input maxlength="10" validate="" name="major" type="text"></td>
</tr>
<tr>
<td colspan="5"><span>受过何种培训(请依近到远的先后次序列出)</span></td>
</tr>
<tr>
<th style="width=20%">培训项目</th>
<th style="width=17%">时间</th>
<th style="width=43%" colspan="2">培训内容</th>
<th style="width=20%">证书</th>
</tr>
<tr>
<td><input maxlength="10" validate="" name="traningcategory" type="text"></td>
<td><input maxlength="10" validate="" name="traningtime" type="text"></td>
<td colspan="2"><input maxlength="10" validate="" name="traningcontent" type="text"></td>
<td><input maxlength="10" validate="" name="certificate" type="text"></td>
</tr>
<tr>
<td><input maxlength="10" validate="" name="traningcategory" type="text"></td>
<td><input maxlength="10" validate="" name="traningtime" type="text"></td>
<td colspan="2"><input maxlength="20" validate="" name="traningcontent" type="text"></td>
<td><input maxlength="10" validate="" name="certificate" type="text"></td>
</tr>
<tr>
<td colspan="5"><span>语言能力与技能</span></td>
</tr>
<tr>
<td>第一外语及水平</td>
<td colspan="4"><input maxlength="50" validate="" name="firstforeignlan" type="text"></td>
</tr>
<tr>
<td>计算机水平</td>
<td colspan="4"><input maxlength="50" validate="" name="computerlevel" type="text"></td>
</tr>
<tr>
<td>其他技能</td>
<td colspan="4"><input maxlength="50" validate="" name="othertech" type="text"></td>
</tr>
<tr>
<td colspan="5"><span>工作记录(请依近到远的先后次序列出)</span></td>
</tr>
<tr>
<td row="4">
<input maxlength="10" validate="" name="startyear" type="text">年<input maxlength="10" validate="" name="startmonth" type="text">月<input maxlength="10" validate="" name="startday" type="text">日
<br> ~ <br>
<input maxlength="10" validate="" name="endyear" type="text">年<input maxlength="10" validate="" name="endmonth" type="text">月<input maxlength="10" validate="" name="endday" type="text">日
</td>
</tr>
</table>

css code 

table.hborder {border: 1px solid #333333;font-size:12px; font-family:Arial;:50px;border-collapse:collapse; border=1 width="80%" cellspacing="0" cellpadding="0" }
.hborder th {border: 1px solid #333333;background-color:lightgray;height:30px; } 
.hborder td {border: 1px solid #333333; height:30px; text-align:center; font-weight:bold;}  
.hborder td span {font-size:18px;font-family:"Lucida Sans Unicode";}


作者: liangjamy   发布时间: 2011-06-01

1、CSS:删除font-weight:bold;
2、text:可以用 size=xxx;<input type="text" name="aaa" size='自己写数字'>
  也可以在其样式里定义:<input type="text" name="aaa" style='width:30px;height:15px'>

作者: toury   发布时间: 2011-06-01

请问一下,如果上面colspan=“总cols数”的总cols数量少了,后来发现下面多出两个col的话,该怎么办,上面写的要重新写么?

作者: liangjamy   发布时间: 2011-06-01

引用 2 楼 liangjamy 的回复:

请问一下,如果上面colspan=“总cols数”的总cols数量少了,后来发现下面多出两个col的话,该怎么办,上面写的要重新写么?

加大总cols数,例如colspan=30

作者: toury   发布时间: 2011-06-01