Задача: сделать для списков самодельные маркеры.
Использовать list-style-image не всегда удобно из-за непредсказуемых отступов. Поэтому раньше я пользовался конструкцией типа
Сегодня пришла идея немного эту конструкцию улучшить, задав background'у относительную позицию:
Достоинства — маркер остается на месте при изменении масштаба шрифта. Кроссбраузерно.
Если есть необходимость, могу добавить картинки, но, по-моему, все и так понятно.
Использовать list-style-image не всегда удобно из-за непредсказуемых отступов. Поэтому раньше я пользовался конструкцией типа
ul li {
padding-left: 10px;
background: url(bullet.gif) 0 5px no-repeat;
}
Сегодня пришла идея немного эту конструкцию улучшить, задав background'у относительную позицию:
ul li {
padding-left: 10px;
background: url(bullet.gif) 0 0.5em no-repeat;
}
Достоинства — маркер остается на месте при изменении масштаба шрифта. Кроссбраузерно.
Если есть необходимость, могу добавить картинки, но, по-моему, все и так понятно.