UL列表样式不适用
我有一个样式表不会出于什么原因将列表样式应用到UL元素。 我正在使用YUI的Grid CSS和他们的reset-fonts-grid.css文件,我知道这些文件是CSS重置的一部分。
打电话给YUI之后,我打电话给网站的样式表,里面有一个UL块:
ul {list-style-type: disc;}
我也尝试通过列表式设置它,但得到相同的结果。 我知道上面的CSS块正在阅读,就像我添加的东西,如填充或边距那些得到应用。 风格types不显示在Firefox或IE中。
我唯一应用于UL的其他CSS都是在#nav div中,但CSS不会触及list-style-type,它使用YUI提供的重置,YUI和站点样式表是唯一的两个CSS被称为的表单。
我也在网站的pipe理端使用了FCKEditor,而且编辑器确实显示了子弹风格,所以我知道它必须是未被FCKEditor过滤的CSS。
如果我没有弄错,你应该把这个规则应用到李,而不是ul。
ul li {list-style-type: disc;}
你需要在你的CSS中包含以下内容:
li { display: list-item; }
这会触发Firefox显示光盘。
你也可以给一个左边距,如果你正在使用的reset.css使所有边距为空:这意味着:
li { list-style: disc outside none; display: list-item; margin-left: 1em; }
假设你在复位后应用这个CSS,它应该工作!
Matthieu Ricaud
我有这个问题,事实certificate,我没有任何填充的UL,这是阻止光盘不可见。
保证金也与此混淆
这个问题是由于li
display
属性被设置为在父类中block
引起的。 重写list-item
解决了这个问题。
确保'li'没有overflow: hidden
应用。
我有这个问题,事实certificate,我没有任何填充的UL,这是阻止光盘不可见。
- 你有没有尝试遵循!重要的规则?
- FireBug显示哪个样式表最后一个控制元素?
- 这是否住在别人的地方?
更新
我相当确信,提供代码示例可以帮助您更快地获得解决scheme。 如果您可以在某处上传此问题的示例,或提供标记以便我们可以在本地主机上进行testing,则您将有更好的机会获得一些有价值的input。
问题的问题在于,他们引导他人相信提问的人有足够的知识来问这个问题。 在编程中并不总是如此。 有可能是你错过了一些东西,或是不小心摔了一跤。 如果没有人注意你的代码,他们不得不假定你没有遗漏任何东西,也没有忽略任何东西。
我所能想到的是之后有些东西超出了这个范围。
你首先包括重置样式,对吧?
在IE中,我只是使用类“normal_ol”来devise一个ol列表,并做了如下修改:
前面的代码: ol.normal_ol {float:left; 填充:0 0 0 25px; 余量:0; width:500px;} ol.normal_ol li {font:normal 13px / 20px Arial; 颜色:#4D4E53; 向左飘浮; 宽度:100%;}
修改后的代码: ol.normal_ol {float:left; 填充:0 0 0 25px; margin:0;} ol.normal_ol li {font:normal 13px / 20px Arial; 颜色:#4D4E53; }
事实certificate,YUI的重置CSS从“ul li”而不是“ul”中删除列表样式,这就是为什么仅仅在'ul'中设置它永远不能工作的原因。
我的reset.css
是margin: 0, padding: 0
。 经过几个小时的查找和解决这个工作:
li { list-style: disc outside none; margin-left: 1em; } ul { margin: 1em; }