首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > ASP >

表格转div+css?该怎么解决

2012-02-28 
表格转div+css?TABLEcellSpacing0cellPadding0width 26% border0TRtdwidth 74% alignleftb

表格转div+css?
<TABLE   cellSpacing=0   cellPadding=0   width= "26% "   border=0>
                                <TR>
                                                <td   width= "74% "   align=left   bgcolor=#8faad7
    class=subnav     onClick= " "   onMouseOver= "navbarOver(img5_1,   this, '#CCCCCC '); "  
    onMouseOut= "navbarOut(img5_1,   this, '#8faad7 '); "> <br> 你好 </br>
                                                </td>
<td   width= "74% "   align=left   bgcolor=#8faad7
    class=subnav     onClick= " "   onMouseOver= "navbarOver(img5_1,   this, '#CCCCCC '); "  
    onMouseOut= "navbarOut(img5_1,   this, '#8faad7 '); "> <br> 呵呵 </br>
                                                </td>

                                    <tr>
                                    </tr>        
                                               
                                                <td   align=left   bgcolor=#88A6FF     onClick= " "  
    onMouseOut= "navbarOut(img5_2,   this, '#88A6FF '); "   onMouseOver= "navbarOver(img5_2,   this, '#CCCCCC '); "
    class=subnav> <br> 你好 </br> </td>
                                                    <td   align=left   bgcolor=#88A6FF     onClick= " "  
    onMouseOut= "navbarOut(img5_2,   this, '#88A6FF '); "   onMouseOver= "navbarOver(img5_2,   this, '#CCCCCC '); "
    class=subnav> <br> 呵呵 </br> </td>

    </TR>
                                           
                                </TR>
                            </TABLE>

请帮忙把上边的表格改成div+css?       小弟初学,在线等

------解决方案--------------------


你的代码本身就有问题,建议好好学习一下html标记

div+css代码给出,建议你这样的小问题应该自己研究一下
===========================================================
<html>
<head>
<style type= "text/css ">
<!--
.div1{
width:26%;
}
.div2{
float:left;
width:50%;
background-color:#8faad7;
event:expression(onmousemove=function(){navbarOver(img5_1, this, '#CCCCCC ')},onmouseout=function(){navbarOut(img5_1, this, '#8faad7 ')})
}
.div3{
float:left;
width:50%;
background-color:#88a6ff;
event:expression(onmousemove=function(){navbarOver(img5_2, this, '#CCCCCC ')},onmouseout=function(){navbarOut(img5_2, this, '#88A6FF ');})
}
.div_clear{
clear:left;
}
-->
</style>
</head>
<body>
<div class= "div1 ">
<div class= "div2 "> <br /> 你好 </div>
<div class= "div2 "> <br /> 呵呵 </div>
<div class= "div_clear "> </div>
<div class= "div3 "> <br /> 你好 </div>
<div class= "div3 "> <br /> 呵呵 </div>
<div class= "div_clear "> </div>
</div>
</body>

热点排行