тема Framerwork и reset.css

Прислано: Bios

вс, 22/01/2012 - 18:20

Есть такая тема  Framerwork простая чистая тема, содержит 2 css файла одна настройка темизации style.css, вторая очистка формата тегов HTML reset.css

и есть в этом reset.css такое определение

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

смущает что по умолчанию table, tr, th, td дается параметр border: 0;
иногда при оформлении страницы удобно вставить текст в прозрачную таблицу, но иногда нужно вставить обычную таблицу с видимыми границами.

Основным редактором стоит CKeditor, в нем пр вставке таблицы есть параметр HTML border, раньше этим параметром регулировал отображение, а сейчас получается что он вообще не учитывается... и по умолчанию у всех таблиц либо будет бордюр, либо нет...

Как варианту думал убрать определение таблицы из reset.css,но это крайние меры - хотелось бы оставить как есть... Но переопределить border:0; никак не получается...

Как лучше сделать? Как переопределить чтобы учитывался простой HTML атрибут <table border="0">

Комментарии


Настройки просмотра комментариев

Выберите нужный метод показа комментариев и нажмите "Применить"
Опубликовано vaplas в вс, 22/01/2012 - 19:29.

иди на крайние меры. Атрибуты по приоритету ниже стилей, поэтому любой стиль их перекрывает. Правила в стилях отключить (отменить) нельзя, можно только целиком отключить какую-нибудь таблицу стилей (это работает аналогично отключению файла).

Т.е. пока есть хоть одно css правило определяющие табличный бордер, атрибут работать не будет.


Опубликовано Stan.Ezersky в вс, 22/01/2012 - 19:57.

Reset.css используется для сброса стилей страниц. Пропишите в style.css необходимые стили, типа

table {
  border: 1px solid #f1f1f1;
  border-collapse: collapse; 
  border-style: outset;
}
 
table th {
  border: 1px solid #f1f1f1;
  padding: 6px;
  border-style: inset;
  font-weight: bold;
}
 
table td {
  border: 1px solid #f1f1f1;
  padding: 6px;
  border-style: inset;
}


Опубликовано Bios в вс, 22/01/2012 - 20:11.

Stan.Ezersky

Такой вариант так же ставит border везде... а нужно чтобы шел учет атрибута таблицы border="x"

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

Сейчас вижу 2 решения
1. Править reset.css
2. Прозрачным таблицам присваивать свой класс или айди без бордюров... но этот вариант не подходит инфу на сайт будет добавлять человек далекий от знания HTML


Опубликовано Stan.Ezersky в вс, 22/01/2012 - 20:31.

"Bios" написал(а):

1. Править reset.css

Прежде чем что-то менять в reset.css, советую хотя бы прочитать, для чего этот файл.

А в чём прикол делать разные таблицы в контенте сайта? Таблицы должны быть однотипными и одинаковыми по оформлению.


Опубликовано Bios в вс, 22/01/2012 - 20:49.

Stan.Ezersky

Понимаю для чего он нужен...

Править reset все таки не буду создам отдельный класс с параметром border:0

насчет таблиц согласен, должны вписываться в дизайн и все такое...

Но есть отдельные случаи проще сделать таблицу, но не отображать ее... Например текст в несколько колонок на статичной странице...


Опубликовано K0r5hun в вс, 22/01/2012 - 20:55.

Варианты:
1) Удали из reset.css
2) В CKEditor есть шаблоны - можно там задать нужные шаблоны таблиц.
3) А что мешает обучить человека добавлять класс для таблиц? Написать инструкцию, что если нужна прозрачная таблица... то при добавлении новой таблицы в редакторе перейти на вкладку Дополнительно и в поле классы CSS ввести "t2" ну или что-то вроде этого.


Ссылки партнёров