Trammell Trammell - 2 months ago 6
CSS Question

list-style-image is not working

I am trying to create custom bullet points and it is not working.

This is my 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>


This is my 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

change your selector to ul#serviceText li. Also keep in mind that you can't include h2 element in ul. Is not valid html.