Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как задать отступ в списке? / 7 сообщений из 7, страница 1 из 1
13.09.2012, 19:28:32
    #37956711
janco
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать отступ в списке?
Здравствуйте.
Есть проблема с отображением нумерованного списка. Список должен обтекать картинку (размещенную слева), сам находясь справа.
В ИЕ серьёзные проблемы. Дело в том, что при номерах 1-9 всё ок, но при двузначных текст накладывается на число с точкой, т.е. нет отступа. Я уже пробовал и padding и margin и text-indent - все смещают всю строку с числом. А как отрегулировать отступ текста от числа с точкой, чтобы не наслаивалось?
В стилях стоит:
Код: css
1.
 ol {list-style-position: inside; margin-left:1ex;}


Если ставлю outside - то нет обтекания. Номера где-то слева под картинкой.
Хром нормально отображает.
...
Рейтинг: 0 / 0
14.09.2012, 08:46:49
    #37957015
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать отступ в списке?
Пример бы еще тестовый посмотреть...
...
Рейтинг: 0 / 0
14.09.2012, 09:23:45
    #37957053
st_st
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать отступ в списке?
Картинку вправо, список влево.
...
Рейтинг: 0 / 0
15.09.2012, 23:36:15
    #37959029
janco
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать отступ в списке?
Картинку вправо, список влево.
Да не принципиально, но хотелось бы решение, когда список справа.
Вот сама страница . Последний рисунок, проблема только в IE. Chrome & Opera - не наслаивает.
...
Рейтинг: 0 / 0
16.09.2012, 07:47:18
    #37959084
st_st
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать отступ в списке?
jancoКартинку вправо, список влево.
Да не принципиально, но хотелось бы решение, когда список справа.
Вот сама страница . Последний рисунок, проблема только в IE. Chrome & Opera - не наслаивает.

Тогда проще для ul указать list-style:none, а цифры вручную проставить внутри li - <li>1. oblatae seu capsulae amylaceae.</li>
...
Рейтинг: 0 / 0
16.09.2012, 19:02:12
    #37959370
janco
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать отступ в списке?
st_stТогда проще для ul указать list-style:none, а цифры вручную проставить внутри li - <li>1. oblatae seu capsulae amylaceae.</li>
Так и сделал, спасибо. Визуально проблема решена, ещё на outside поменял. Но если список огромный, вручную номера прописать уже не очень приемлемо, особенно, когда надо добавлять пункты.
Так что интересно всё-таки, можно ли решить эту проблему (решение на будущее) с помощью CSS и как? Я так понял, свойства задающего расстояние от маркера до текста нет? Если кто ещё может предложить решение, пожалуйста напишите.
...
Рейтинг: 0 / 0
17.09.2012, 12:16:37
    #37960064
st_st
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как задать отступ в списке?
jancost_stТогда проще для ul указать list-style:none, а цифры вручную проставить внутри li - <li>1. oblatae seu capsulae amylaceae.</li>
Так и сделал, спасибо. Визуально проблема решена, ещё на outside поменял. Но если список огромный, вручную номера прописать уже не очень приемлемо, особенно, когда надо добавлять пункты.
Так что интересно всё-таки, можно ли решить эту проблему (решение на будущее) с помощью CSS и как? Я так понял, свойства задающего расстояние от маркера до текста нет? Если кто ещё может предложить решение, пожалуйста напишите.

Это баг IE, не знаю, есть ли решение через хаки. Если списки формируются вручную, то номера можно и самому проставить, если в цикле на сервере, тогда ещё проще - <li><?=$i?>. oblatae seu capsulae amylaceae.</li>, а также можно забить на седьмой IE.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как задать отступ в списке? / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]