Почему мое изображение в стиле списка не отображается? - PullRequest
Новая
       7

Почему мое изображение в стиле списка не отображается?

1 голос
/ 29 января 2010

Я создаю эту целевую страницу , и после второго абзаца у меня есть список точек, к которым я применил изображение в стиле списка к li.actionItem, однако получаю диск по умолчанию вместо моих изображений. Я знаю, что URL работает, потому что а) я написал его в абсолютной форме, б) если вы введете этот абсолютный URL, вы получите изображение (см. Здесь) и в) я попытался применить значок вместо этого в качестве фонового изображения с некоторыми отступами для текст и это работает.

Я могу просто сделать это в конце, если мне нужно (фоновое изображение с отступом), но я бы предпочел записать его как изображение в стиле списка. Плюс, это просто сводит меня с ума, почему так не будет, и я хотел бы знать.

Есть мысли или советы ?? Спасибо!

Вот соответствующая разметка с первого взгляда ... 

            <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;      
}

Ответы [ 2 ]

4 голосов
/ 29 января 2010

Попробуйте использовать фоновое изображение. list-style-image никогда не выстраивается должным образом. 

background-image:url(...);
background-repeat:no-repeat;
background-position:0px 0px
1 голос
/ 29 января 2010

Это может быть, а может и не быть проблемой, но согласно css грамматике вы не можете иметь пробел между url и левой круглой скобкой.

Так сделайте это: 

url(/someurl)

Не это: 

url (/someurl)
...