问题标签 [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 投票
3 回答
410 浏览

php - PHP 自动从文本文件创建列表到 (X)HTML

正如您可能已经知道的那样,我正在创建一个 CMS,但现在我遇到了一个小问题。

可以说:我有一个包含以下内容的文本文件:

我想将其转换为:

粗体和斜体工作(使用正则表达式),但我该如何做列表?

'-' 列表应转换为

'#' 列表

有人有这方面的经验吗?请帮我。我正在使用 PHP 5.2.9

0 投票
4 回答
17697 浏览

html - CSS 导致 UL 在 IE 中缩进太多

我在页面顶部有一个导航栏。在 FF 和 Chrome 中,导航栏显示正常。然而,在 IE8(有或没有兼容性)中,UL 似乎从左侧缩进,而不是每个 li 只是整个 li;尽管宣布

有什么想法可能导致这种情况吗?

0 投票
3 回答
13388 浏览

html - 右对齐列表项中的某些文本

我有一个嵌套的无序列表,左侧有主要内容,我想添加向右浮动的选项,这样无论缩进级别如何,它们都在右侧对齐。

我有以下CSS:

但是,当使用此选项时,选项跨度向右对齐,但在预期行下方 1 行。

如何让选项范围与列表项对齐?

TIA,亚当

0 投票
8 回答
376 浏览

python - 在 Html 输出中删除 Unicode 标记

我有一个 python 列表,其中包含一些接受为 unicode 字符串的电子邮件 ID:

这被分配values['Emails']values传递给呈现为 html。Html 呈现如下:

电子邮件:[u'one@example.com',u'two@example.com',u'three@example.com']

我希望它看起来像这样:

电子邮件:[ one@example.com, two@example.com, three@example.com ]

如何在服务器脚本中执行此操作?有没有一种简单的方法可以在 HTML 本身中实现这一点?

0 投票
5 回答
288 浏览

css - IE6 CSS 错误 - UL 和 LI

我有一个仅在 IE6 中出现的 CSS 问题。我完全被难住了,希望其他人能提供帮助。

在 IE6 中,如果您导航到 www.moneysupermarket.com/loans 并搜索 5 年 5000 英镑的贷款,Homeowner - Mortgaged,您将获得贷款结果页面。

滚动到页面底部,您将看到个人定价结果表。

它应该如何以及如何出现:

如果页面加载时它看起来正确,则单击其他选项卡之一会将其淘汰。

烦人的 IE6 开发者工具栏用处不大。一旦我更改了组成选项卡的 UL 或 LI 上的任何样式,它看起来就很好。如果我在 CSS 文件中进行相同的更改并刷新,它似乎不起作用。

我知道 hasLayout 问题,但是将 display:inline-block 或 height:1% 设置为元素似乎没有做任何事情。

任何建议或帮助将不胜感激!

谢谢

0 投票
4 回答
754 浏览

html - 在 dl 中给一个 dt 多于一个 dd 是好的语义吗?

所以我在想这样的事情:

该示例纯属虚构,因此可能不是最好的示例。但是我遇到过几次需要将 2 dd 用于 1 dt 的情况。那么你们这是好语义还是坏语义?

0 投票
2 回答
1627 浏览

css - CSS 框/ul 菜单

我在让我的 css 正常工作时遇到了严重的问题。在我使用的所有 3 种浏览器(Chrome、IE 和 FF)中,它看起来都不同。

现在到手头的问题,我一直在尝试从以下网址复制示例: http ://www.alistapart.com/articles/taminglists/ 只需向下滚动到底部并查找“在现实世界中”和一个蓝色菜单。

我已经实现了这个菜单,但我无法让自定义图像工作(我使用自定义图像)

它在 Chrome 中完美运行,然后我得到了我所追求的外观。在 IE 中,我在图像所在的菜单左侧有一个边距,并且图像在这个边距内?而在 FF 中,图像将自身置于文本之上并创建一个有趣的外观(也在边缘空间中)。

我的网址是: http ://homeweb.mah.se/~M09K0291/123789/Lab7/

我一直在尝试为 IE 添加单独的样式表并再次删除填充/边距,但这没有用。我想要 Chrome 正在生成的输出。

0 投票
2 回答
35583 浏览

html - 溢出:隐藏对 ul 中的 li 元素不起作用

我正在尝试从 ul 对象创建一个轮播,其中 li 元素是块,ul 是轮播容器。我尝试了两种方法,但似乎更有效,溢出属性没有按我想要的那样运行。

方法一:

这种方法的问题是元素在溢出时不会水平堆叠(这是我想要/预期的)。我怀疑这是由于 li 元素中的 display:block 造成的,但它们需要具有固定的宽度/高度,有没有办法解决这个问题?

方法二:

我使用 javascript 来分发 li 元素并将它们的位置设置为绝对值,但随后 overflow:hidden 属性被“忽略”,因为 li 元素仍然显示在 ul 容器边界之外。

所以问题是如何让 ul 水平堆叠固定大小的 li 块并隐藏溢出的块?

0 投票
10 回答
190350 浏览

html - 最后更改 CSS
  • 我想知道是否有某种方法可以使用 CSS 更改li列表中最后一个的 CSS 属性。我已经研究过使用:last-child,但这似乎真的有问题,我无法让它为我工作。如有必要,我将使用 JavaScript 来执行此操作,但我想知道是否有人可以在 CSS 中想出一个解决方案。

    0 投票
    5 回答
    2121 浏览

    jquery - 为什么我的 jQuery 选择器选择列表元素内的所有锚点?

    几个小时以来一直在为这个简单的选择器问题苦苦挣扎,而且肯定遗漏了一些明显的东西。我有一个<ul>其中一些<li>s 嵌套了<ul>s。每个都<li>包含一个链接,当单击它时,我想执行一个功能(而不是导航),但重要的是,这应该只发生在父级中包含的<ul>链接,而不是任何可能存在于嵌套<ul>. 你会认为很简单:

    HTML:

    jQuery:

    问题是,无论我如何表达我的选择器,我都无法阻止嵌套中的链接<ul>触发点击处理程序。它们显然不符合":has(ul)"选择器的标准,但由于某种原因,处理程序仍然被附加。我在这里做错了什么?