Блог Bingam

Дек/11

15

Меняем стиль таблицы wikitable

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

Ссылки:

Википедия:Оформление таблиц

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

No tags

1 comment

  • Focma · 01.04.2020 в 18:11

    Да, раньше наверное не особо уделяли внимание на верстку. В версии Timeless такой ерунды нет.

    Ответить

Написать коммент

«

»

© 2010-2020 Bingam personal site

Theme Design by devolux.nh2.me

Статистика

Locations of visitors to this page
Яндекс.Метрика

Баннеры

Valid Robots.txt
Наверх