问题标签 [html-lists]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4920 浏览

html - 列表项项目符号在 IE6 和 IE7 中消失

我使用<ul>and创建了一个项目列表<li>。它在 Firefox 中运行良好,但在 Internet Explorer 6 和 7 中我看不到列表项目符号。

这是我所做的:
我有一个全局ul , li重置值。之后,我使用两个<ul>块创建了两列列表。我正在覆盖ul liCSS 中的全局样式值 none 以将样式列为disc. 当我这样做时,我可以看到项目符号列表项,但是当我将ul' 的宽度设置为某个特定值时,项目li符号会在 IE 中消失。

即使我使用列表样式list-style-image: url(bullet.gif),也不会出现在 IE 6 和 7 中。

这是HTML代码。请看看这个,让我知道我可以在所有浏览器中归档项目符号列表的方式。

0 投票
5 回答
4788 浏览

css -
  • CSS 列内部没有正确换行

Lalalal,我对 CSS 快疯了……

我无法在这里实现最简单的布局,有些东西正在破坏。我想要 2 列彼此相邻:

我有这些 div:

和CSS:

我的问题是当代码在它现在的时候,里面的第一个 div 位于第二个 div 的顶部。一旦我消除了最长的“li”标签,整个 div 就会正确对齐(里面的 2 个 div 彼此相邻)。我不明白为什么“li”不按正常情况进行包装,并且将 2 个 div 作为内联块,它们应该彼此相邻而不是垂直堆叠。

请指教。谢谢!

0 投票
1 回答
348 浏览

html - sifr - 如何使其与 .active ul 链接一起使用

我有一个 SIFR 脚本,因此可以隐藏主要导航项:

但是,“li.active a”会应用于每个菜单项。这不是我想要的。

我希望它只将 .active 课程应用于拥有该课程的人。

“#primary_nav ul li.active a”用于您所在的菜单列表项。

IE:

如何让 SIFR 仅将 .active 应用于列表活动项目?

谢谢。

0 投票
2 回答
10780 浏览

jquery - jquery hasClass "active" on ul#navigation li on page load not working

I have a navigation bar made and am using this code to add a transparency effect on hover:

I'm also using hoverIntent.

The opacity rollover works a treat, but I'd like my "active" page to have 100% opacity, but I can't seem to get it to work..what am I doing wrong?

the link in questions HTML is:

the nav works perfect minus my "active" class so I think I provided all the necessary code.

0 投票
10 回答
17668 浏览

jquery - jQuery 将长 ul 列表拆分为较小的列表

我有一个很长的 UL 列表,我需要将其分解为较小的列表,每个列表包含大约 20 个项目。

我在想我可以使用类似的东西

但事实并非如此。知道如何以使用最少 CPU 的方式使用 jQuery 吗?

0 投票
1 回答
4607 浏览

html - 带编号的 HTML 水平有序列表

我正在使用有序列表来获得编号,当列表是垂直的时它工作得很好。但是,一旦我将其设为水平,编号就会消失。

li CSS 中的 display 属性似乎是罪魁祸首。

CSS 和 HTML:

0 投票
5 回答
42167 浏览

html - 如何防止在无序列表之前出现换行符?

<UL>我的 Web 应用程序框架在无效字段之后立即为无序列表中的每个字段呈现表单错误。我的问题是我无法设置样式,以便将错误与表单字段列在同一行。换行符在<UL>.

这是我尝试设置样式的 html,显示了服务器确定的无效字段:

如何防止在span为每个必填字段显示星号的“field_required”与表单未验证(在服务器上)时呈现的“errorlist”之间出现换行符?

目前我正在造型:

更新: 感谢大家迄今为止的帮助!

尽管我的框架 (django) 默认将错误作为<UL>. 根据伟大的建议,我尝试将列表包装在它自己的风格<p><span>. 在 Firefox 3.0中将列表包装在 a <span>now 中有效,但在 Safari 4.0 中无效。

当我在 Safari 中检查元素时,似乎该段落在 . 之前立即关闭<UL>,即使这不是HTML 源代码的外观。

我是否偶然发现了跨浏览器错误?(不。见下文!)

最终解决方案:感谢所有帮助。这是我最终解决问题的方法:

  • <p>将 label-field-error 组合周围的标签替换<div>为带有clear:both;. 感谢 jennyfofenny 指出 W3C 规范禁止 a 内的块(在我的情况下是列表)<p>,因此赢得了答案。这就是为什么 Safari 会自动关闭我在列表之前的段落,尽管 Firefox 让它滑动。

然后我设置我的列表样式:

0 投票
1 回答
760 浏览

php - php Joomla mod_feed中UL中的交替颜色

我正在为我的网站使用 Joomla 1.5,并希望使 RSS 提要模块 (mod_feed) 以不同的颜色显示交替的行,希望这里有人能提供帮助!这是模块布局的主要代码(我删除了顶部

0 投票
16 回答
470507 浏览

css - 我怎样才能居中
  • 进入一个div?

如何将无序列表居中<li>到固定宽度div

0 投票
17 回答
274018 浏览

css - 调整列表样式图像位置?

有没有办法调整列表样式图像的位置?

当我对列表项使用填充时,图像将保持在其位置并且不会随着填充移动......