问题标签 [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.
php - PHP 自动从文本文件创建列表到 (X)HTML
正如您可能已经知道的那样,我正在创建一个 CMS,但现在我遇到了一个小问题。
可以说:我有一个包含以下内容的文本文件:
我想将其转换为:
粗体和斜体工作(使用正则表达式),但我该如何做列表?
'-' 列表应转换为
'#' 列表
有人有这方面的经验吗?请帮我。我正在使用 PHP 5.2.9
html - CSS 导致 UL 在 IE 中缩进太多
我在页面顶部有一个导航栏。在 FF 和 Chrome 中,导航栏显示正常。然而,在 IE8(有或没有兼容性)中,UL 似乎从左侧缩进,而不是每个 li 只是整个 li;尽管宣布
有什么想法可能导致这种情况吗?
html - 右对齐列表项中的某些文本
我有一个嵌套的无序列表,左侧有主要内容,我想添加向右浮动的选项,这样无论缩进级别如何,它们都在右侧对齐。
我有以下CSS:
但是,当使用此选项时,选项跨度向右对齐,但在预期行下方 1 行。
如何让选项范围与列表项对齐?
TIA,亚当
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 本身中实现这一点?
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% 设置为元素似乎没有做任何事情。
任何建议或帮助将不胜感激!
谢谢
html - 在 dl 中给一个 dt 多于一个 dd 是好的语义吗?
所以我在想这样的事情:
该示例纯属虚构,因此可能不是最好的示例。但是我遇到过几次需要将 2 dd 用于 1 dt 的情况。那么你们这是好语义还是坏语义?
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 正在生成的输出。
html - 溢出:隐藏对 ul 中的 li 元素不起作用
我正在尝试从 ul 对象创建一个轮播,其中 li 元素是块,ul 是轮播容器。我尝试了两种方法,但似乎更有效,溢出属性没有按我想要的那样运行。
方法一:
这种方法的问题是元素在溢出时不会水平堆叠(这是我想要/预期的)。我怀疑这是由于 li 元素中的 display:block 造成的,但它们需要具有固定的宽度/高度,有没有办法解决这个问题?
方法二:
我使用 javascript 来分发 li 元素并将它们的位置设置为绝对值,但随后 overflow:hidden 属性被“忽略”,因为 li 元素仍然显示在 ul 容器边界之外。
所以问题是如何让 ul 水平堆叠固定大小的 li 块并隐藏溢出的块?
html - 最后更改 CSS
我想知道是否有某种方法可以使用 CSS 更改li
列表中最后一个的 CSS 属性。我已经研究过使用:last-child
,但这似乎真的有问题,我无法让它为我工作。如有必要,我将使用 JavaScript 来执行此操作,但我想知道是否有人可以在 CSS 中想出一个解决方案。
jquery - 为什么我的 jQuery 选择器选择列表元素内的所有锚点?
几个小时以来一直在为这个简单的选择器问题苦苦挣扎,而且肯定遗漏了一些明显的东西。我有一个<ul>
其中一些<li>
s 嵌套了<ul>
s。每个都<li>
包含一个链接,当单击它时,我想执行一个功能(而不是导航),但重要的是,这应该只发生在父级中包含的<ul>
链接,而不是任何可能存在于嵌套<ul>
. 你会认为很简单:
HTML:
jQuery:
问题是,无论我如何表达我的选择器,我都无法阻止嵌套中的链接<ul>
触发点击处理程序。它们显然不符合":has(ul)"
选择器的标准,但由于某种原因,处理程序仍然被附加。我在这里做错了什么?