У меня такой CSS как
ul {
list-style-image:url(images/bulletArrow.gif);
}
ul li {
background: url(images/hr.gif) no-repeat left bottom;
padding: 5px 0 7px 0;
}
Но изображение пули не правильно выравнивается в IE (это хорошо в Firefox). У меня уже есть фоновое изображение для li, поэтому я не могу использовать изображение пули в качестве фона. Есть ли какое-либо решение для этого?
Спасибо заранее.
Спасибо вам обоим. Проблема в том, что я уже использую фон для разделителя строк. Но я изменю его на границу, тогда я воспользуюсь фоном для изображения пули.
Здесь есть хорошее объяснение и решение: http://css.maxdesign.com.au/listutorial/master.htm
В нем говорится, что использование list-style-image приводит к несогласованному размещению изображения с разными браузерами. Затем он объясняет, как использовать фоновые изображения для пуль для лучшего результата.
используйте строку-высоту:)
Я вижу, что вы удаляете левое дополнение для элементов списка. Для IE вам нужно сделать то же самое с левым полем - либо полностью удалить его (установить на ноль), либо сделать его чем-то меньшим, чем значение по умолчанию. Затем ваши элементы списка будут хорошо выравниваться.