浏览模式: 普通 | 列表
24

大海寺

[ 2008-12-24 22:55:30 | 作者: muren ]
uploads/200812/dhs.jpg
18

折页设计

[ 2008-12-18 10:59:51 | 作者: muren ]
uploads/200812/18_110011_.jpg


uploads/200812/18_110026_01.jpg
直入正题,现在有这么一个表格:
uploads/200810/20_135101_table1.png


请实现鼠标移到交易内容区域时,高亮当前行背景的效果。

1、建立一分标准的HTML文档结构
谈到标准HTML结构,有人可能会说,嗯,用div标签,里面再多套些li,最后用css来个float也就能排成这样的结构了。其实真正标准的结构并不是说一定要用div来布局,而是要尽量使用语义化的HTML标签。在HTML标签的定义中div与span其实是两个没有语义的标签,table则有数据表的语义。

所以这里我们来建一张符合XHTML 1.0 Strict标准的文档结构试试。以下为该表结构的HTML代码:
<table class="tableList" id="table1">
 <thead>
 <tr>
 <th>交易类型</th>
 <th>交易号</th>
 <th>收款方</th>
 <th>金额</th>
 <th>管理</th>
 </tr>
 </thead>
 <tfoot>
 <tr>
 <td colspan="5"> 上一页 2 3 4 下一页</td>
 </tr>
 </tfoot>
 <tbody>
 <tr>
 <td class="fastpayIcon">即时到账</td>
 <td>20081009001</td>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 </tr>
 <tr>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 </tr>
 <tr>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
...

阅读全文...
28

迷失在城市边缘

[ 2008-09-28 15:10:52 | 作者: muren ]
[sweat]

uploads/200809/28_151127_thelost.jpg