На медиавики есть стандартный класс оформления таблиц: wikitable, который cоздаёт таблицу с тонкими границами между всеми ячейками, сероватым цветом фона и серыми заголовками. Универсальный класс, определёный прямо в движке MediaWiki.
Используется он таким образом:
{| class="wikitable" |- !Заголовок 1||Заголовок 2 |- |Ячейка 1*1||Ячейка 2*1 |- |Ячейка 1*2||Ячейка 2*2 |- |Ячейка 1*3||Ячейка 2*3 |} |
Вот, что у нас получится:
Однако, мне не понравилось отсутствие отступа от рамки до содержимого ячейки. Текст слишком близко приклеен к рамке. Особенно это некрасиво когда текста много.
В директории skinscommon в файле shared.css я поменяла код:
/* wikitable class for skinning normal tables */ table.wikitable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } .wikitable th, .wikitable td { border: 1px #aaa solid; padding: 0.2em; } .wikitable th { background: #f2f2f2; text-align: center; } .wikitable caption { font-weight: bold; } |
на следующий:
/* wikitable class for skinning normal tables */ table.wikitable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } .wikitable th, .wikitable td { border: 1px #aaa solid; padding: 5px; } .wikitable th { background: #f2f2f2; } .wikitable caption { font-weight: bold; } |
Таким образом, я добавила отсуп в 5 пикселей в ячейках от рамки и убрала не нужное мне выравнивание по центру заголовка.
По идее в этом же файле можно добавить другие классы таблиц с различными стилями: standard, simple и прочие, на ваш вкус.
Ссылки:
Поделиться в соц. сетях
No tags
Focma · 01.04.2020 в 18:11
Да, раньше наверное не особо уделяли внимание на верстку. В версии Timeless такой ерунды нет.