MicroSoft的标题表格

51windows 2004-02-17 02:06:57
Window Update上扒来的代码,希望对大家有用!

位置对齐主要是用到<colgroup>标签

www.51windows.net/hw/asp/jsview.asp?id=314

-----------------------------------------------

<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<title>MicroSoft Window Update 标题表格</title>
<style>
.sys-color-body { color: #000000; }
.sys-color-body-alert { color: #FF0000; }
.sys-color-body-ok { color: #009900; }
.sys-header-color { color: #D6DFF5 }
.sys-header-bgcolor { background-color: #003399; }
.sys-rhp-bgcolor { background-color: #FFFFFF; }
.sys-rhp-color-title { color: #5A7EDC; }
.table-header-bgcolor { background-color: #6681D9; }
.sys-table-color-border { border-color: #6681D9; }
.sys-table-cell-bgcolor1 { background-color: #FFFFFF; }
.sys-table-cell-bgcolor2 { background-color: #D6DFF5; }
body {
color: black;
background-color: white;
overflow: auto;
margin: 5px;
font-size:12px;
}

td, button, input, select {
font:12px;
}

table { table-layout: fixed; }

body.history table.body {
width: 100%;
height: 100%;
}

body.history table.body td {
padding: 0px;
vertical-align: top;
}

body.history td#eSortTableHeaderContainer {
height: 0px;
vertical-align: bottom !important;
}

body.history td#eSortTableHeaderContainer table {
position: absolute;
}

body.history div#eSortTableContainer {
padding: 0px 0px 10px 0px;
height: 100%;
overflow: auto;
}


body.history div#eSortTableContainer td {
padding: .75em !important;
border-width: 0px 0px 0px 1px;
border-style: none none none solid;
}

</style>
</head>
<body class="history">


<div id="eSortTableContainer" style="visibility: hidden;">
<table class="body" cellSpacing="0">
<tbody>
<tr>
<td id="eSortTableHeaderContainer" style="OVERFLOW-Y: scroll; VISIBILITY: visible">

<table class="table-header-bgcolor" cellspacing="0">
<colgroup>
<col style="WIDTH: 15%">
<col style="WIDTH: 30%">
<col style="WIDTH: 40%">
<col style="WIDTH: 15%">
</colgroup>
<tbody id="eSortTableHeader">
<tr>
<td noWrap>状态</td>
<td noWrap>日期</td>
<td noWrap>描述</td>
<td noWrap>来源</td>
</tr>
</tbody>
</table>

</td>
</tr>
<tr>
<td>
<!-- **************************** -->
<div id="eSortTableContainer" style="VISIBILITY: visible">
<table class="sys-table-color-border" cellSpacing="0">
<colgroup>
<col class="sys-table-color-border" style="WIDTH: 15%">
<col class="sys-table-color-border" style="WIDTH: 30%">
<col class="sys-table-color-border" style="WIDTH: 40%">
<col class="sys-table-color-border" style="WIDTH: 15%">
</colgroup>
<tbody id="eSortTable">
<tr>
<td style="PADDING-RIGHT: 0.5em! important; PADDING-LEFT: 0.5em! important; PADDING-BOTTOM: 0.5em! important; PADDING-TOP: 0.5em! important" colSpan="4"> </td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败1</td>
<td value="2004-01-04T10:28:26">2004年1月4日</td>
<td><b>814078:安全更新程序(Microsoft Jscript 版本
5.6、Windows 2000、Windows XP)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor1">
<td value="3">失败</td>
<td value="2004-01-04T10:17:00">2004年1月4日</td>
<td><b>Windows 2000 安全更新程序 (KB824146)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败</td>
<td value="2004-01-04T10:13:35">2004年1月4日</td>
<td><b>Microsoft Windows 安全更新程序 (KB824141)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor1">
<td value="3">失败</td>
<td value="2004-01-04T09:59:45">2004年1月4日</td>
<td><b>Microsoft Windows 安全更新程序 (KB819696)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败</td>
<td value="2004-01-04T09:57:22">2004年1月4日</td>
<td><b>Microsoft Windows 安全更新程序 (KB823182)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor1">
<td value="3">失败</td>
<td value="2004-01-04T09:56:33">2004年1月4日</td>
<td><b>Microsoft Windows 安全更新程序 (KB824105)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败</td>
<td value="2004-01-04T09:56:03">2004年1月4日</td>
<td><b>Microsoft Windows 2000 安全更新程序 (KB826232)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor1">
<td value="3">失败</td>
<td value="2004-01-04T09:54:17">2004年1月4日</td>
<td><b>Microsoft Windows 2000 安全更新程序 (KB825119)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败</td>
<td value="2004-01-04T09:37:10">2004年1月4日</td>
<td><b>Microsoft Data Access Components 安全更新程序
(823718)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor1">
<td value="3">失败</td>
<td value="2004-01-04T09:37:06">2004年1月4日</td>
<td><b>823559:Microsoft Windows 的安全更新程序</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败</td>
<td value="2004-01-04T09:37:06">2004年1月4日</td>
<td><b>Windows 2000 安全更新程序 (KB824146)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor1">
<td value="3">失败</td>
<td value="2004-01-04T09:37:05">2004年1月4日</td>
<td><b>Microsoft Windows 安全更新程序 (KB824141)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败</td>
<td value="2004-01-04T09:37:04">2004年1月4日</td>
<td><b>Microsoft Windows 安全更新程序 (KB819696)</b></td>
<td>Web 站点</td>
</tr>
</tbody>
</table>
</div>
<!-- **************************** -->
</td>
</tr>
</tbody>
</table>
</div>

</body>
</html>
...全文
59 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
BillSmiph 2004-04-28
  • 打赏
  • 举报
回复
看了。
BillSmiph 2004-04-19
  • 打赏
  • 举报
回复
看了阿
mikespook 2004-04-11
  • 打赏
  • 举报
回复
看,一定要看~~~
teacherli 2004-04-10
  • 打赏
  • 举报
回复
辛苦了!
5ucode 2004-04-10
  • 打赏
  • 举报
回复
接分!!!!!!!!!!
一分也要!!!
lantian1979 2004-04-10
  • 打赏
  • 举报
回复
你没有马甲吗?:)
没人回复,可以删贴阿,:)

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧