| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 897 人关注过本帖
标题:高手帮我解决下这段css代码。半天不知道那里出错了。
只看楼主 加入收藏
pds635343
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2010-7-9
结帖率:100%
收藏
已结贴  问题点数:0 回复次数:5 
高手帮我解决下这段css代码。半天不知道那里出错了。
程序代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.>
<html xmlns="http://www.>
<html>
<head>
<title>11111</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
/*--全局样式样式--*/
body,ul,ol,li,h1,h2,h3,img,div{margin:0;padding:0;border:0;}
body { font-family:Arial, "宋体"; font-size:12px; background:#fff; color:#000;}
ul,ol {list-style-type: none;}
.L_folat{ float:left;}.R_float{ float:right; }
em{font-style:normal;}
/*--内容样式--*/
.container{width:958px; margin:100px auto 0;}
.bbsImg{ float:left; width:357px; background:#FF0; height:341px;}
#topForums{ float:right; width:594px;}
#topForums #ranking{ height:40px; position:relative;border:#9cc solid 1px;}
#topForums #ranking h3{ position:absolute;left:18px;top:10px; color:#1e50a2;}
#topForums #ranking ul{ position:absolute;top:8px;right:70px;}
#topForums #ranking ul li{ display:inline; color: #1e50a2; margin:20px; font-size:14px;}
#topForums #rankingInfo{ height:300px; border-right:1px solid #ccc; border-left:1px solid #ccc;border-bottom:1px solid #ccc; padding-top:3px;}
#topForums #rankingInfo #rankingText{ height:295px; padding:7px 5px 0 5px;}
#topForums #rankingInfo #rankingText ul{ width:272px;padding:5px 5px 5px 8px;}
#topForums #rankingInfo #rankingText ul li{ line-height:25px; height:27px; border-bottom:1px dotted #ccc;}
#topForums #rankingInfo #rankingText ul li em{ margin:0 5px 0 0;}
#topForums #rankingInfo #rankingText ul li em{ background:#60F; color:#fff;  }
#topForums #rankingInfo #rankingText ul li span{ color:#F63;}
</style>
</head>
<body>
<div class="container">
      <div class="bbsImg"></div>
      <div id="topForums">
        <!--论坛排行标题-->
        <div id="ranking">
            <h3>论坛排行</h3>
            <ul>
                <li>热帖排行</li>
                <li>新帖排行</li>
            </ul>

        </div>
        <div id="rankingInfo">
            <div id="rankingText">
                <ul class="L_folat">
                         <li><span class="R_float">千里走单</span><em>1</em>111</li>
                         <li><span class="R_float">xiaoshua</span><em>2</em>2222</li>
                         <li><span class="R_float">小福星</span><em>3</em>3333</li>
                         <li><span class="R_float">就当没来</span><em>4</em>111</li>
                         <li><span class="R_float">胖子仐</span><em>5</em>111</li>
                         <li><span class="R_float">雪豆儿</span><em>6</em>111</li>
                         <li><span class="R_float">梦醒时光</span><em>7</em>111</li>
                         <li><span class="R_float">蒙古小烧</span><em>8</em>111</li>
                         <li><span class="R_float">乐居网友</span><em>9</em>111</li>
                         <li><span class="R_float">佳佳沐</span><em>10</em>111</li>
               </ul>
            </div>
        </div>           

  </div>
</body>
</html>

搜索更多相关主题的帖子: css 代码 
2010-12-03 16:18
pds635343
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2010-7-9
收藏
得分:0 
回复 楼主 pds635343
ul下第10段代码的em背景是好的 但是前面前面的em的背景颜色怎么都变形了,那里出现错误了。先谢谢了
2010-12-03 16:20
rabbit_123
Rank: 2
等 级:论坛游民
帖 子:3
专家分:10
注 册:2010-12-3
收藏
得分:10 
css写的没错,不是变形了,而是那个em对象内容就那么大,1,2,3...改为01,02,03...可以看看效果,或是把10改成三位数的看看吧
2010-12-03 18:00
pds635343
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2010-7-9
收藏
得分:0 
那要是我在改变em的宽度。要在改动哪里的样式?我在em样式里设置了高度和宽度怎么没效果啊?
2010-12-04 11:24
aspic
Rank: 17Rank: 17Rank: 17Rank: 17Rank: 17
等 级:贵宾
威 望:51
帖 子:2258
专家分:8050
注 册:2008-2-18
收藏
得分:10 
#topForums #rankingInfo #rankingText ul li em{margin:0 5px 0 0;background:#60F;color:#fff;width:16px;display:block;float:left;text-align:center}
2010-12-04 15:24
pds635343
Rank: 1
等 级:新手上路
帖 子:5
专家分:0
注 册:2010-7-9
收藏
得分:0 
灰常感谢
2010-12-04 22:22
快速回复:高手帮我解决下这段css代码。半天不知道那里出错了。
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.025213 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved