Я пытаюсь установить собственное изображение как пулю. когда я использую фоновый или фоновый тег, он работает, но не правильно выравнивается со списком. И когда я использую стиль в стиле списка, он не отображает изображение в виде пули.
Проблема:
Css
Firebug
Изображение также отображается в firebug, когда я нажимаю на него курсор
Неверный конечный результат
Решение:
Корректный вывод, который я хочу
Здесь один метод, используя вместо него фоновое изображение. Я сделал быстрый jsfiddle, чтобы продемонстрировать его
li {
height: 19px;
margin: 10px 0; /* not needed, just to add space between the li */
background: url('../images/vmgeneral/errow.png') no-repeat left center;
list-style: none; /* Get rid of the default bullet points */
padding-left: 25px; /* Offsets the text. Needs to be at least the width of your image */
line-height: 20px; /* Might have to play with this value a bit */
}
Класс Put и li
и поставьте фокусную ссылку класса на изображение как маркер