LINUX.ORG.RU

Разметка списков в новостях иногда кривая.

 


0

0

В отдельных новостях пункты внутри списков имеют вложенный тэг <p>. user agent stylesheet от браузера добавляет этому тегу следующие свойства:

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

В комбинации со свойствами элемента списка:

#bd li {
    padding-top: 0.25em;
    padding-bottom: 0.25em
}

Получаем дырку между пунктами больше высоты строки. Выглядит вырвиглазно.

Решения:

  • не использовать параграф внутри списка
  • выставить для него кастомные margin-block-{start,end}
★★★★★
Ответ на: комментарий от Zhbert

Нет, в моём уютненьком white2 всё то же самое.

LamerOk ★★★★★
() автор топика

Чё за user agent stylesheet? Это ты сам прописал в браузер настройки?

Или если это у всех то где посмотреть как выглядит?

А, всё, нашёл, в первой новости из списка как раз такое. Я и не замечал ничего особенного, думал так всё и задумано.

Думаю что <p> внутри <li>, особенно если пункт из одной строчки, это что-то неправильное и фиксить надо именно эту сторону.

firkax ★★★★★
()
Последнее исправление: firkax (всего исправлений: 2)
Ответ на: комментарий от Zhbert

Блэк это не «только», это основная схема.

firkax ★★★★★
()
Для того чтобы оставить комментарий войдите или зарегистрируйтесь.