Guagua513seo技术博客

研究SEO技术,搜索引擎优化,电子商务的纯技术博客

导航

Write by:Guagua513seo
From : SEO博客-Guagua513seo技术博客
City: 深圳

« 重读《习惯的力量》《做网站全程指导》电子书免费下载 »

"list-style"和“list-style-type”在IE中不显示的问题-guagua513seo博客

网页排版时会遇到"list-style"和“list-style-type”在IE中不显示,而在firfox中正常的问题。经过guagua513seo测试, 发现<ul>元素在IE和firfox中有“跟随且自动缩进”的特性:
      当一个<ul>前面有<img>元素且设img的align="left"时,在IE和Firfox中"list-style"和“list-style-type”都显示不正常。

<img src="../My Documents/My Pictures/20060628195006684.jpg"  align="left"/>
<ul class="tt" >
  <li>sdfds </li>
  <li>sdfsdsf</li>
  <li>dsfds </li>

IE下面的解决办法是将设置好<ul>的“width”和“padding-left”。Padding-left的值应该>=15. 即:

<style type="text/css">
ul{ padding-left:15px; width:450px;} </style>

或者用<div>将<ul>包住,设置div 为float="left",padding-left=15.

上面第二种方法也适用于firfox.

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Tags

最新评论及回复

最近发表

版权所有Guagua513seo技术博客。本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名Guagua513seo.com-非商业用途-保持一致”的创作共用协议.