« Предыдущая Следующая »
Страницы: [1]

О форматировании списков - решено

  • 6 Ответов
  • 880 Просмотров

User

  • Сообщений: 94
    • Просмотр профиля
О форматировании списков - решено
« : 19 Июля 2022, 07:05:33 »
Такое дело со списками.
Первый пункт списка всегда серый, остальные чёрные.
Немаркированный список (<ul>) вообще горизонтальный почему-то.
Помогите горю, пожалуйста, привести в божеский вид текст.
« Последнее редактирование: 21 Июля 2022, 08:38:30 от User »
Записан

Saor

  • Сообщений: 160
    • Просмотр профиля
Re: О форматировании списков
« Ответ #1 : 19 Июля 2022, 07:51:30 »
Покажите сам сайт где это наблюдается. так тяжело сказать что не так.
Записан

Saor

  • Сообщений: 160
    • Просмотр профиля
Re: О форматировании списков
« Ответ #2 : 20 Июля 2022, 15:21:48 »
в файле /template/Modern/css/screen.css
в строке 1432 есть правило
Код: [Выделить]
.details ul li {
    display: table-cell;
    font-size: 14px;
    padding: 4px;
    line-height: 1.3em;
    border-bottom: 1px dotted #d4d6d8;
}
display: table-cell; - отвечает за горизонтальное отображение
если заманить на display: block; то список будет вертикальный
в строке 1442 правило которое определят цвет первого пункта как серый
Код: [Выделить]
.details li:first-child {
    color: #9a9b9e;
    width: 20%;
    min-width: 120px;
}

все эти правила применяются к родительскому классу <div class="details">
если изменить класс то все правила будут работать как стандартные
« Последнее редактирование: 20 Июля 2022, 15:24:43 от Saor »
Записан

User

  • Сообщений: 94
    • Просмотр профиля
Re: О форматировании списков
« Ответ #3 : 21 Июля 2022, 07:05:42 »
Цитата: Saor от 20 Июля 2022, 15:21:48
все эти правила применяются к родительскому классу <div class="details">
если изменить класс то все правила будут работать как стандартные
Спасибо, Saor.
Но ведь это кто-то придумывал. Для чего-то нужно было.
Если убрать, то может в другом месте сломаться что-то?
« Последнее редактирование: 21 Июля 2022, 07:46:09 от User »
Записан

Saor

  • Сообщений: 160
    • Просмотр профиля
Re: О форматировании списков
« Ответ #4 : 21 Июля 2022, 07:17:28 »
Цитата: User от 21 Июля 2022, 07:05:42
Спасибо, Saor.
Но ведь это кто-то придумывал. Для чего-то нужно было.
Если убрать, то может в другом месте сломаться что-то?
поэтому я обычно делаю для таких целей свои стили в не меню те что уже есть. В шаблоне мода этой странички просто замени  class="details" на свой,
 потом можешь сделать свои стили или закопировать все что касается .details в стилях заменить details на свое имя и отредактировать под себя.
Записан

User

  • Сообщений: 94
    • Просмотр профиля
Re: О форматировании списков
« Ответ #5 : 21 Июля 2022, 07:44:37 »
Цитата: Saor от 21 Июля 2022, 07:17:28
поэтому я обычно делаю для таких целей свои стили в не меню те что уже есть. В шаблоне мода этой странички просто замени  class="details" на свой,
 потом можешь сделать свои стили или закопировать все что касается .details в стилях заменить details на свое имя и отредактировать под себя.
Это из серии: "Дяденька, а вы с кем сейчас разговаривали?" :)
Я по ветхости уже не рискую даже осиливать изучение css.  ;D

Изменил класс в выводе текста с details на text-content. Список стал вертикальный, но съехали маркеры опять за левую границу.
Моих мозгов уже не хватает, чтобы это выправить. Пробовал изменять границы в классе - ноль эмоций.

Это форматирование списков настолько уже зае..ло, что придётся вручную ставить маркеры или цифры в будущем.
« Последнее редактирование: 21 Июля 2022, 07:47:56 от User »
Записан

User

  • Сообщений: 94
    • Просмотр профиля
Re: О форматировании списков
« Ответ #6 : 21 Июля 2022, 08:38:14 »
Цитата: Saor от 20 Июля 2022, 15:21:48
в файле /template/Modern/css/screen.css
в строке 1432 есть правило

Короче, добавил в файле screen.css такую байду:
Код: [Выделить]
.text-content ul {
	display: block;
	font-size: 14px;
    margin-left: 20px;
    list-style-image: initial;
    list-style-position: inside;
}

Итог меня удовлетворил. Благодарю, Saor, за помощь!
Записан
Страницы: [1]