问题标签 [html-lists]

li.button 有一个固定的高度：

div#main的 z-index 为 0

li.button ul的 z-index 为 100：

但它只是没有显示在浏览器中...... Firebug 显示它在那里，但它只是没有显示。

我想要一个有序列表，左侧有文本，右侧有每个 li 的图像。所以我将图像浮动到右边，它把图像正确地放在右边，把文本放在左边，但是在 IE 和 FF 中图像太低了 14 像素。Chrome 做得对。在我看来，这似乎是 IE 和 FF 将浮动放在每个 LI 的外部或下方，而不是放在它应该在的内部（如 Chrome）。如果我为 IE 和 FF 调整位置 -14px（向上），它对它们来说效果很好，但是 Chrome 就搞砸了。14px 是每个 LI 的高度，这就是该技巧有效的原因。

除非绝对需要（即，为 IE/FF 设置 -14px 偏移量并告诉 Chrome 忽略它），否则我不想要单个浏览器 hack。

li 没什么特别的：

请参阅第一个 LI 没有 FF/IE 的图像，因为它在下方（看起来像是在 #2 的位置），并且 #25 图像不在列表的底部。

我希望所有 3 看起来都像 Chrome。有一些 JavaScript 生成 OL/LI，并且class=removeTeam仅用于 jQuery 操作。此列表在 jQuery 可排序中，并且我确实使用 jQuery ( .disableSelection();) 禁用了列表选择。我认为这与 jQuery 或 JavaScript 无关，只是简单的 CSS。

我有以下问题，列表中的一个 LI 项目似乎从其余的 LI 项目中移动：

有没有人遇到过类似的问题？任何有效的解决方案/黑客？

我在 MySQL 数据库中存储了数百万个项目的有序列表。合理地经常需要从列表中添加或删除项目；同样，必须确定项目在列表中的位置。我会说读/写比率约为50:50。

从链表模型开始，我阅读了 [1] 以及那里讨论的各种模型。对于严格的链表，邻接表模型可以正常工作，但由于读/写比率或多或少相等，我采用了使用标准连续列表的分而治之的方法：

将整个列表分成近似长度的“桶”（比如~10000），维护桶大小的索引及其在主列表中的相对位置。每个项目都分配给特定的存储桶并跟踪其在该存储桶中的位置。

使用这种方法，项目的位置是通过将列表中项目存储桶之前的存储桶的大小相加来确定的，然后将项目的位置添加到它自己的存储桶中。要从列表中插入/删除项目，所产生的项目的“移动”被本地化到正在添加或删除项目的桶中；该存储桶的大小也必须相应更新。

这种方法有一些非规范化（桶大小），它本质上不是线程安全的，即使对于事务也是如此，因为在删除/插入期间，必须查询项目表以确定被修改项目的桶位置，然后更新以对该项目的存储桶中的所有其他项目执行“转移”。除非这些操作是原子的（可能是通过存储过程？）线程一直死锁。

有没有更合适的方法将此类数据保存在 RDBMS 中？线程安全问题让我很头疼，感觉应该有比强迫我使用存储过程更好的方法来解决这个问题。

非常感谢，马特。

[1]树数据结构的数据库结构

我有一个用<ul>和<li>标签构建的菜单。我想在部分之间有小的分隔符。对于分隔符，我只是在<li>. 看起来很不错...除了在 IE7 中<li>似乎拒绝将其高度更改为比<li>同一个中的所有其他 s短<ul>。我尝试了不同的方法来影响分隔符的高度<li>（高度、行高、字体大小），但没有成功。

我有一个修复程序，它将保留分隔符高度并在 IE 7 中为整个背景着色，但这并不是我真正想要的外观（分隔符太大）。谁能想到另一种控制<li>标签高度的方法？

这是一个示例 - 在 IE8 切换兼容性视图将显示问题：

我有一个 320px 宽的 div。我在左侧浮动列表项，每个项的宽度为 100px。然后，我希望每个列表项的右侧有 10px 的右边距。所有其他边距和填充已被删除。

所以，我基本上想要每行 3 个列表项，然后再进入下一行。但是因为第 3 个项目（即所有项目）有一个边距，所以它进入下一行（所以每行只有 2 个项目）。

有没有办法在这种情况下每行有 3 个项目，而无需创建额外的类或使用脚本。

我有以下标记，

<li>有点大，左边有一个小图片，我必须实际点击才能<a>激活链接。如何点击<li>激活链接？

编辑1：

我正在尝试创建一个看起来像带有子弹的 LI 的布局，但它不使用 LI。我不能使用 LI，因为我想允许同一列表中的不同项目具有不同的项目符号图像。据我所知，LI 项目符号样式只能在 UL 中设置，因此同一个 UL 中的所有 LI 必须具有相同的项目符号图像......我不希望这样。如果我对 LI 的样式有误，请纠正我。

这是我尝试设置样式的 HTML，以便它重新创建 LI 项目符号。

我不确定如何最好地实现以下目标：

• 使项目符号图像显示在项目文本框的左侧，以便当有大量文本时，项目符号会挂在左边距。文本不应在项目符号图像下换行。
• 保持项目符号图像与第一行文本居中对齐（在文本换行的情况下）。并在文本更改大小时保持项目符号中间对齐。

我的高级目标是在网页中重新创建TaskPaper 的UI：

我很乐意为拥有我最喜欢的解决方案的人提供免费许可证。

谢谢，

杰西

为 HTML 列表提供语义标题的正确方法是什么？例如，以下列表具有“标题”/“标题”。

水果

• 苹果
• 梨
• 橙子

应该如何处理“水果”这个词，使其在语义上与列表本身相关联？

嗨，我有一个这样的菜单：

我已经设法在 Firefox 中实现了我想要的效果，但后来我在 IE 7 和 phwoooar 中检查了它……这似乎是一开始的宽度问题，我试图阻止宽度破解，但后来这让 firefox 感到不安：

ie 中的另一个问题是右边的图像似乎比左边的图像挂得更高等等！