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

帮忙归整一段CSS.给全分!解决方法

2012-02-02 
帮忙归整一段CSS..给全分!!----divstyle padding:5pxborder-bottom:1px

帮忙归整一段CSS..给全分!
<!--===========================-->
    <div   style= "padding:5px;   border-bottom:1px   dashed   #3174A9;margin-bottom:5px;background-color:#FFFFFF; ">
    <div   style= "float:right;margin:4px;border:1px   solid   #E1E1E1;padding:4px; ">
        <table   width= "220 "   border= "0 "   cellspacing= "0 "   cellpadding= "0 ">
                                    <tr>
                                        <td   height= "20 "   colspan= "2 "> <img   src= "images/ico/rar.gif "   alt= "rar文件 "   />   分类: <b> <a   href= "filelist-22.html "> 软件 </a>   &gt;&gt;   <a   href= "filelist-344-0.html "> 默认分类 </a> </b> </td>
                                    </tr>
                                    <tr>
                                        <td   width= "50% "   height= "20 "   valign= "bottom "   style= "padding-left:20px; "> 文件大小:55MB </td>
                                        <td   align= "center "   valign= "bottom "> 下载总计:23556   次 </td>
                                    </tr>
                                </table>
    </div>
    <div   style= "margin:5px; "> 文件名称:PHOTOSHOP   CS   3   简体中文版   <img   src= "images/new-sheng.gif "   alt= "已审核资源 "   /> &nbsp; <img   src= "images/new-jing.gif "   alt= "精品资源 "   /> &nbsp; <img   src= "images/new-tu.gif "   alt= "有图像预览 "   width= "21 "   height= "20 "   /> </div>
    <div   style= "margin:5px; "> 上传用户:rosibo </div>
    <div   style= "margin:5px; "> TAGS: </div>
    </div>
<!--===========================-->
我整理不好了。
用UL   和LI。。

[解决办法]
<style>
.downList {width:836px; position:relative; margin: 0 0 0 0;}

.downLeft {width:515px; float:left; margin: 0 0 0 0;}
.downRight {width:245px; float:left; margin: 0 0 0 0;}

.downLeft ul {width:510px;}
.downRight ul {width:240px;}

.softFileSize {width:110px; float:left;}
.softDownCount {width:110px; float:left;}

</style>

<div class= "downList ">
<div class= "downLeft ">


<ul>
<li class= "softName "> 文件名称:PHOTOSHOP CS 3 简体中文版 <img src= "images/new-sheng.gif " alt= "已审核资源 " width= "21 " height= "20 " /> &nbsp; <img src= "images/new-jing.gif " alt= "精品资源 " width= "21 " height= "20 " /> &nbsp; <img src= "images/new-tu.gif " alt= "有图像预览 " width= "21 " height= "20 " />
</li>
<li class= "softUploadUser "> 上传用户:rosibo
</li>
<li class= "softTags "> TAGS: <a href= 'tags.php?tag=test1 '> test1 </a> <a href= 'tags.php?tag=test2 '> test2 </a>
</li>
</ul>
</div>
<div class= "downRight ">
<ul>
<li class= "softClass "> 分类: <b> <a href= "filelist-22.html "> 软件 </a> &gt;&gt; <a href= "filelist-344-0.html "> 默认分类 </a> </b>
</li>
<li class= "softFileSize "> 文件大小:55MB
</li>
<li class= "softDownCount "> 下载总计:23556 次
</li>
</ul>
</div>
</div>

热点排行