тема 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">
- Bios's blog
- Для комментирования войдите или зарегистрируйтесь
иди на крайние меры. Атрибуты по приоритету ниже стилей, поэтому любой стиль их перекрывает. Правила в стилях отключить (отменить) нельзя, можно только целиком отключить какую-нибудь таблицу стилей (это работает аналогично отключению файла).
Т.е. пока есть хоть одно css правило определяющие табличный бордер, атрибут работать не будет.
- Для комментирования войдите или зарегистрируйтесь
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;
}- Для комментирования войдите или зарегистрируйтесь
Stan.Ezersky
Такой вариант так же ставит border везде... а нужно чтобы шел учет атрибута таблицы border="x"
У меня таким образом и были прописаны стили, до тех пор пока не приспичило сделать прозрачную таблицу...
Сейчас вижу 2 решения
1. Править reset.css
2. Прозрачным таблицам присваивать свой класс или айди без бордюров... но этот вариант не подходит инфу на сайт будет добавлять человек далекий от знания HTML
- Для комментирования войдите или зарегистрируйтесь
1. Править reset.css
Прежде чем что-то менять в reset.css, советую хотя бы прочитать, для чего этот файл.
А в чём прикол делать разные таблицы в контенте сайта? Таблицы должны быть однотипными и одинаковыми по оформлению.
- Для комментирования войдите или зарегистрируйтесь
Stan.Ezersky
Понимаю для чего он нужен...
Править reset все таки не буду создам отдельный класс с параметром border:0
насчет таблиц согласен, должны вписываться в дизайн и все такое...
Но есть отдельные случаи проще сделать таблицу, но не отображать ее... Например текст в несколько колонок на статичной странице...
- Для комментирования войдите или зарегистрируйтесь
Варианты:
1) Удали из reset.css
2) В CKEditor есть шаблоны - можно там задать нужные шаблоны таблиц.
3) А что мешает обучить человека добавлять класс для таблиц? Написать инструкцию, что если нужна прозрачная таблица... то при добавлении новой таблицы в редакторе перейти на вкладку Дополнительно и в поле классы CSS ввести "t2" ну или что-то вроде этого.
- Для комментирования войдите или зарегистрируйтесь



Комментарии