На сайте необходимо разместить некий текст в виде списка, при чем, в качестве маркеров - малюхонькие картинки. Можно, конечно расписать все это в HTML через < br > и < img src="..., но насколько я понял, так уже никто не делает, а прописывает стиль таблицы в CSS. Прописал. Получается одно из двух...
1 вар: в HTML делаю список через < ul > и < li > - в CSS прописываю стиль одного из тэгов (пробовала и того и другого) и маркер - через background-image: или list-style-image: (опять таки, пробовала оба варианта). Результат - помимо маркеров-картинок рядом со списком обычные маркеры.
2 вар: намучавшись с < ul > и < li >, я решил делать список безмаркеров - с помощью < dl > и < dt >. В CSS опять поочередно пытался прописать стили для одного и для другого тэга и маркеры с помощью тех же background-image: или list-style-image:. Результат: получился список из маркеров-картинок, но маркеры никак не хотят выравниваться по первой строчке пунктов.
Вариации с background-position: и list-style-position: не приносят желаемого результата.
Кто-нибудь сталкивался с проблемой выравнивания маркеров в CSS?
Как решали? Поделитесь опытом. Пожаааалста!
1 вар: в HTML делаю список через < ul > и < li > - в CSS прописываю стиль одного из тэгов (пробовала и того и другого) и маркер - через background-image: или list-style-image: (опять таки, пробовала оба варианта). Результат - помимо маркеров-картинок рядом со списком обычные маркеры.
2 вар: намучавшись с < ul > и < li >, я решил делать список безмаркеров - с помощью < dl > и < dt >. В CSS опять поочередно пытался прописать стили для одного и для другого тэга и маркеры с помощью тех же background-image: или list-style-image:. Результат: получился список из маркеров-картинок, но маркеры никак не хотят выравниваться по первой строчке пунктов.
Вариации с background-position: и list-style-position: не приносят желаемого результата.
Кто-нибудь сталкивался с проблемой выравнивания маркеров в CSS?
Как решали? Поделитесь опытом. Пожаааалста!
