table的网页会有很多很多的table嵌套在一起,
一个table 然后td里面嵌套一个table 然后这个table的td里面再嵌套个table,整理起来会发神经的,
如果要从table的html源代码里面直接转换成div的,我是觉得不大现实,如果页面简单的还好一点,
页面复杂的,那还不如重新用div+css重新排版,
而且table是用表格来一个个定位区块的,
转到div的话,就要重新写个css文件,那还是等于重做
所以结论是,很麻烦
<div style="width:100%float:left"><div style="float:left">
<div class="toptab1" onclick="sub(this)">待接收的工作</div>
<div class="toptab2" onclick="sub(this)">我的在办工作</div>
<div class="toptab2" onclick="sub(this)">我已办结工作</div>
</div>
</div>
-----------------------------------------------
.toptab1 {
/*list-style-type: none*/
min-width:60px
_width:60px
overflow: hidden
float:left
text-align:center
height:22px
line-height:22px
background:url(../../images/jtyst/xx_1.jpg)
padding:2px 6px 0 6px
margin:0 10px 0 0
font-size: 12px
color: #FFFFFF
filter: DropShadow(Color=#005097, OffX=0, OffY=1, Positive=1)
cursor: pointer
}
.toptab2 {
min-width:60px
_width:60px
overflow: hidden
float:left
padding:2px 6px 0 6px
margin:0 10px 0 0
text-align:center
height:22px
line-height:22px
font-size: 12px
background-color:#ffffff
color: #333333
font-weight: normal
text-decoration: none
cursor: pointer
}
一个简单的例子。。
还有一个简单的说明:http://www.wizzer.cn/?p=823
我最近也在学~~百啊度啊的