完美兼容IE6的ul文章列表

HTML代码:

<ul>    
	<li><em>06-20</em><a href="###">银监会否认首套房贷首付将提至...</a></li>    
	<li><em>04-02</em><a href="###">发改委曝房价违规开发商名单央...</a></li>    
	<li><em>02-13</em><a href="###">社科院预测更严厉楼市政策年内...</a></li>    
	<li><em>05-05</em><a href="###">比亚迪拟“缩水”回归A股 以缓解...</a></li>    
	<li><em>07-11</em><a href="###">第一线:北京限制高价盘预售证...</a></li>    
	<li><em>03-18</em><a href="###">电网主辅分离或年内完成 葛洲坝...</a></li>    
	<li><em>05-02</em><a href="###">京沪高铁将于6月9日起试运行10天...</a></li>    
</ul>

CSS代码:

ul,li{
 list-style: none; 
}

 ul{ 
    padding: 2px 10px 0 10px;
    font-size:12px;
    width: 270px;
    border: 1px solid #d9d9d9;
 }
ul li{ 
   height:23px;
   line-height:23px; 
}
ul li a{  
 color:#666; 
 text-decoration:none;
}
ul li a:hover{ 
text-decoration:underline;
 }
ul li em{
	float: right;
	font-style:normal;
}
时间: 2024-10-23 15:33:19

完美兼容IE6的ul文章列表的相关文章

[转]CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法 2013-12-12  By 奥夫 关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对… 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !impo

浮出层的css写法,完美兼容IE6~10

利用元素间的绝对定位差一像素,使用不同颜色做出浮出层小三角的效果,完美兼容各浏览器! html部分: <div class="poptip"> <span class="poptip-arrow poptip-arrow-top"><em>◆</em><i>◆</i></span> <span class="poptip-arrow poptip-arrow-righ

CSS完美兼容IE6/IE7/FF的通用方法

一.CSS HACK以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) wrapper {width: 100px!important; /* IE7+FF /width: 80px; / IE6 */} 2, IE6/IE77对FireFox +html 与 *html 是IE特有的标签, firefox 暂不支持.而+html 又为 IE7

CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对… 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HA

【php】配合Ajax与Json,根据MVC思想,无插件,完美兼容IE6,编写一个获取动态系统

获取用户动态在一些论坛等社交网络中很常见,甚至可以说,就是一个微博嘛.其实这个系统很简单的,很容易就能写出来. 当然,你平时要做好准备,在你的后台数据库加一张动态表,在用户发帖.回帖等各个动作的执行时候,再加一条把用户的各个动作入库,记录到一张专门的动态表内.时刻收集好用户的动态,这样才能向用户的好友或者整个网站的用户展示好友动态. 现在举一个例子来说明,怎么编写一个获取动态系统,也就是微博. 一.基本目标 假设我们现在收集了16条用户动态在Testtable表里面,时间什么的具体数据居然有条1

兼容ie6的ul水平居中对齐

---恢复内容开始--- margin可以为负数左移动. padding不可以. ---恢复内容结束---

【JavaScript】兼容IE6可调可控的图片滑块

图片滑块其实也与图片轮播一样,无需这么多奇奇怪怪的代码就能够实现,只是布局有点复杂,而且这东西在Bootstrap里面也没有,在网页中,这个组件也越来越少见的,毕竟这个小小的组件太浪费网络资源了,实现的逻辑还比较复杂,如果不要被特别要求,能不做最好不好. 有时候,如果一个如同<[CSS]黑色幽默,兼容IE6的纯原生态的门户网站>(点击打开链接)的简单网页就能够交货,就不要卖弄你的前端技巧了. 虽然这个组件的效率很低,但是还是讲解一下实现的原理,也是完美兼容IE6,同时包你能够随心所欲地放置这个

司徒正美文章列表

由于本人对司徒正美文章的喜欢,特此整理文章列表如下. 一个带完整的RBAC授权系统的rails应用(第一部分)(司徒正美, 3年前, 12/6549) 一个带完整的RBAC授权系统的rails应用(第二部分)(司徒正美, 3年前, 1/1135) 随机生成十六进制颜色(司徒正美, 3年前, 0/340) ruby中的类变量与实例变量(司徒正美, 3年前, 0/231) ruby模拟多个构造器(司徒正美, 3年前, 0/153) ruby的实例方法(写方法,读方法与读写方法)(司徒正美, 3年前,

div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法(非原创)

div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加 height 和 wi