На медиавики есть стандартный класс оформления таблиц: 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 такой ерунды нет.