Список прилипает к картинке новости

  • 12 Ответов
  • 5099 Просмотров

Майор

Уважаемые специалисты, Danneo CMS v.1.5.0 Beta 3 при вставке ненумерованного списка маркеры "прилипают" к картинке, хотя весь остальной текст отстоит на какое-то приличное расстояние. Помогите горю, пожалуйста!

brodyaga

  • Сообщений: 1
    • Просмотр профиля
Re: Список прилипает к картинке новости
« Ответ #1 : 06 Ноября 2016, 16:19:44 »
Попробуйте к списку list-style:none
Если точки нужны, то паддинг или маржин к картинке прописать
В принципе варианты решения разные могут быть, без ссылки трудно что-то конкретное сказат

PS: я не спец по Даннео )))
« Последнее редактирование: 06 Ноября 2016, 16:24:36 от brodyaga »

Майор

Re: Список прилипает к картинке новости
« Ответ #2 : 06 Ноября 2016, 18:12:10 »
PS: я не спец по Даннео )))
Спасибо, брат.
А я не только по Даннео не спец, а и по CSS тоже.  :(

htmleater

  • Сообщений: 17
    • Просмотр профиля
Re: Список прилипает к картинке новости
« Ответ #3 : 09 Ноября 2016, 13:31:28 »
Уважаемые специалисты, Danneo CMS v.1.5.0 Beta 3 при вставке ненумерованного списка маркеры "прилипают" к картинке, хотя весь остальной текст отстоит на какое-то приличное расстояние. Помогите горю, пожалуйста!

list-style: inside;

Майор

Re: Список прилипает к картинке новости
« Ответ #4 : 19 Ноября 2016, 18:36:26 »
Благодарю, htmleater.
list-style: inside;
Во все css файлы тыкал - не помогает.
Даже такое пробовал но не везде:
list-style-position: inside;
тоже не помогло.

Neon

  • Сообщений: 684
    • Просмотр профиля
    • Danneo CMS
Re: Список прилипает к картинке новости
« Ответ #5 : 19 Ноября 2016, 19:30:58 »
В файле: template/Lite/css/base.css происходит сброс отступов для большинства тегов в нуль.
В начале этого файла, после комментария
/* Reset */
Идет список тегов через запятую. Удалите из него (ol, ul, li,)
Перестанет прилипать.
DANNEO ™

Майор

Re: Список прилипает к картинке новости
« Ответ #6 : 19 Ноября 2016, 19:36:12 »
Благодарю, Neon.
...Удалите из него (ol, ul, li,)
Перестанет прилипать.
Удалил. Пока прилипать не перестал.

Neon

  • Сообщений: 684
    • Просмотр профиля
    • Danneo CMS
Re: Список прилипает к картинке новости
« Ответ #7 : 19 Ноября 2016, 23:50:33 »
Тогда смотрите в исходном коде статьи. Возможно, какие-то стили остались.  Такое бывает, после копирования с другого ресурса (тупо, вслепую, не думая, как попало). Если там, что-то есть, его ничем не перебьешь, кроме как выковырять оттуда.
DANNEO ™

Майор

Re: Список прилипает к картинке новости
« Ответ #8 : 21 Ноября 2016, 15:02:37 »
Тогда смотрите в исходном коде статьи. Возможно, какие-то стили остались.  Такое бывает, после копирования с другого ресурса (тупо, вслепую, не думая, как попало). Если там, что-то есть, его ничем не перебьешь, кроме как выковырять оттуда.
Свои, свои родненькие статейки...  :D
А css блоков, чего-то ещё, go какая-то может влиять?
А может там не css списка, а картинки надо задействовать?
« Последнее редактирование: 21 Ноября 2016, 15:05:02 от Майор »

Neon

  • Сообщений: 684
    • Просмотр профиля
    • Danneo CMS
Re: Список прилипает к картинке новости
« Ответ #9 : 21 Ноября 2016, 15:12:46 »
Майор, ну что вы в самом деле устроили шоу типа - а вот и не угадал.
Давайте ссылку не ресурс, и не тратьте людям нервы.
DANNEO ™

Neon

  • Сообщений: 684
    • Просмотр профиля
    • Danneo CMS
Re: Список прилипает к картинке новости
« Ответ #10 : 21 Ноября 2016, 21:51:02 »
Проблема со списками (ul, ol) есть, когда они располагаются рядом в плавающими элементами (позиционирование через float).
Оптимального решения пока нет.

Единственный, надежный вариант, не вставлять списки в анонс, рядом с вводным изображением.
Просто, добавляйте их ниже, в полной части содержания.
DANNEO ™

Neon

  • Сообщений: 684
    • Просмотр профиля
    • Danneo CMS
Re: Список прилипает к картинке новости
« Ответ #11 : 21 Ноября 2016, 23:06:39 »
Хотя, пожалуй такой костыль должен работать корректно.
/** Fix List **/
article[role=article] .text-content ol,
article[role=article] .text-content ul {
list-style-type: none;
display: table;
margin: 7px 21px;
counter-reset: list;
}
article[role=article] .text-content ul li {
padding: 0 15px;
position: relative;
}
article[role=article] .text-content ol li {
padding: 0 18px;
position: relative;
}
article[role=article] .text-content ul li:after {
display: block;
content: "•";
font-size: 20px;
width: 15px; height: 15px;
position: absolute; top: 1%; left: 0;
}
article[role=article] .text-content ol li:after {
counter-increment: list;
content: counter(list) ".";
font-size: 15px;
width: 15px; height: 15px;
position: absolute;
top: 1%; left: 0;
}
/** End List**/
Все файлы стилей должны быть дефолтными, без правок, с правильными сбросами.
Данный код добавить в файл: template/Lite/css/screen.css
DANNEO ™

Майор

Re: Список прилипает к картинке новости
« Ответ #12 : 22 Ноября 2016, 08:07:09 »
Большое, человеческое спасибо, уважаемый Neon!