Pourquoi mon image de style de liste n'apparaît-elle pas?

Question

Je construis this landing page et après le deuxième paragraphe j'ai une liste de points auxquels j'ai appliqué une image de style de liste à li.actionItem, mais je reçois le disque par défaut au lieu de mes images. Je sais que l'URL fonctionne parce que a) Je l'ai écrit sous forme absolue, b) Si vous entrez cette URL absolue, vous obtenez l'image (voir ici) et c) J'ai essayé d'appliquer l'icône à la place comme image de fond avec un peu de rembourrage texte et cela fonctionne.

Je peux juste faire cela à la fin si je dois (l'image d'arrière-plan avec la version de remplissage) mais je préférerais l'écrire comme une image de style de liste. En plus, ça me rend fou de voir pourquoi ça ne se montrera pas comme ça et j'aimerais savoir.

Une idée ou un conseil? Je vous remercie!

Voici le balisage correspondant à un coup d'oeil ...

  <ul id="introPoints"> 
       <li class="actionItem">performed more than <strong>500</strong> surgeries</li> 
       <li class="actionItem">set more than <strong>3,000</strong> fractured bones</li> 
       <li class="actionItem">mobilized more than <strong>90</strong> volunteers to Haiti</li> 
       <li class="actionItem">sent pastors from our DR hospital to minister to the victims</li> 
      </ul> 

ul#introPoints { 
list-style-image:url (http://blog.helpcurenow.org/images/campaigns/jan2010/haiticrisis/arrow-green-distress.gif); 
list-style-type:disc; 
} 

li.actionItem { 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    color:#6e5e4c; 
    font-size:14px; 
    text-align:justify; 
    width:580px; 
    font-style:italic; 
    margin:10px 0px 10px 20px; 
    text-indent:15px; 
} 
li.actionItem strong { 
    color:#dd7439;  
} 

Answer 1

Cela peut ou peut ne pas être le problème, mais selon l'css grammar vous ne pouvez pas avoir un espace entre le url et la parenthèse gauche. .

donc faire:

url(/someurl) 

Non ceci:

url (/someurl) 

Answer 2

Essayez d'utiliser une image d'arrière-plan. list-style-image ne s'aligne jamais correctement de toute façon.

background-image:url(...); 
background-repeat:no-repeat; 
background-position:0px 0px