Невозможно удалить границу таблицы. Не знаю, откуда это исходит - PullRequest
Новая
       20

Невозможно удалить границу таблицы. Не знаю, откуда это исходит

4 голосов
/ 12 декабря 2011

http://www.geneseo.edu/new_social_media_test

Я работаю над новой страницей в социальных сетях для своей школы, и я не могу избавиться от этой границы в своей таблице. Под <thead> и выше <tbody> есть серая линия, на которую я не могу нацелиться. Я отключил границы таблицы в HTML и CSS, но ничего не работает. Я не могу понять, откуда это исходит, и это сводит меня с ума. Это что-то из глобального файла CSS? Может быть, один из плагинов социальных сетей наверху возится с этим? У меня нет идей; любая помощь будет принята с благодарностью.

Кроме того, в Firefox (8.0.1 :: Mac OS 10.7) цвета строк мерцают, когда затухание закончено. Абсолютно не имею ни малейшего понятия об этом.

Если вы смотрите на код, извините, это такой беспорядок. Я новичок в Drupal, у меня нет привилегий для создания своих собственных CSS-файлов, поэтому я должен был делать все встроенным. Спасибо!

Редактировать: Вот скриншот, чтобы уточнить: http://i.imgur.com/dOcoE.png. Я также забыл упомянуть, что когда я в режиме предварительного просмотра в Drupal, цвет становится голубым, но не цвет, который я определил где-либо ( как это: http://i.imgur.com/WWF0e.png).

Ответы [ 3 ]

5 голосов
/ 12 декабря 2011

Граница устанавливается на th, а не на thead или tr.В css_4ea78c62a1f11df9a1a23dfccad4464e.css есть пара правил, предназначенных для th, создающих нижнюю границу: 

th{text-align:left;padding-right:1em;border-bottom:3px solid #ccc;}

tbody th{border-bottom:1px solid #ccc;}

thead th{text-align:left;padding-right:1em;border-bottom:3px solid #ccc;}

Обратите внимание, что !important предназначена только для таблиц стилей пользовательских агентов.Используйте каскад и селектор специфичность .Поскольку таблица стилей, которая отключает нижнюю границу, загружается после css_4ea78c62a1f11df9a1a23dfccad4464e.css, все, что вам нужно: 

table th {
    border-bottom: none;
}

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

0 голосов
/ 12 декабря 2011

Эта строка в вашем CSS-документе. 

thead th
{
    text-align:left;padding-right:1em;border-bottom:3px solid #ccc;
}
0 голосов
/ 12 декабря 2011

Я нашел этот CSS: 

tbody {
border-top: 1px solid #CCC;
}

Я отключил его в инструментах разработчика Chrome, но он не дал никакого эффекта. Это все, что я могу найти в связи с таблицей, попробуйте удалить его из своих стилей, если можете. Или переопределив это.

...