Question

我正在尝试创建自定义项目符号，但它无效。

这是我的HTML。

<div id="services">
    <ul id="serviceText">
        <h2 id="serviceHeader"><strong>Services I Offer:</strong></h2>
        <li>Intros</li>
        <li>Transitions</li>
        <li>Lower Third Titles</li>
        <li>Web Page Design</li>
        <li>and more...</li>                        
    </ul>
</div>

这是我的CSS

ul#serviceText {
    list-style-image: url(images/checkmark.gif);
    font-size: 14px;
    float: right;
    padding-top: 5px;
    color: white;
}

My site is located here xdtrammell.com/lol if it helps you to see all my code.

Answer 1

将您的选择器更改为ul#serviceText li。另请注意，您无法在h2中加入ul元素。是无效的HTML。

Answer 2

具体来说，我认为您正在尝试创建自定义项目符号，这就是我要做的事情。

CSS

.list {
  margin: 0;
  padding: 0;
}

.list-li {
  background: url('../directory/your image here.jpg') no-repeat top left;
  margin: 0;
  padding: 4px 0 4px 20px;
  list-style: none;
}

需要注意的关键是背景图片位于左上方，因此在调整填充时请考虑到这一点。填充是：顶部，右侧，左侧，底部。

HTML

<ul class="list">
  <li class="list-item">lorem ipsum</li>
  <li class="list-item">lorem ipsum</li>
</ul>

我希望这有帮助！

Answer 3

使用CCS背景作为列表项比使用list-style-image要好得多。您可以更好地控制图形的位置和文本的间距。

请参阅：http://preview.moveable.com/JM/ilovelists/

Answer 4

它是否需要图像URL之前的../，以便它知道上一个目录？换句话说，您的图像是存在于顶级目录中还是存在于下一级别中？如果它不存在于顶层，那么它需要“../"

Answer 5

只需更改此网址中图片文件夹的路径（ ../ images / checkmark.gif ）和＆＃34; li＆＃34; 标记元素为足够作为选择器。

jdbc:sqlserver://10.0.0.34;instanceName=SQLEXPRESS;DatabaseName=MyDatabase

Answer 6

我的案子是未设置

> dfout
  id value count status
1  A   500     3  Valid
2  B   200     3   <NA>
3  C   500     2   Pend

时，项目符号隐藏或不可见。

list-style-image不起作用

6 个答案: