Создал элемент курса страничка и доюавил туда таблицу:
HTML:
<table border="3">
<tbody>
<tr>
<td>One</td>
<td>Two</td>
</tr>
<tr>
<td>Three</td>
<td>Four</td>
</tr>
</tbody>
</table>
И вот что мне показывает в предпросмотре:
Есть табличка и со всеми границами, но вот если открыть непосредственно страничку то внутренних границ нет:
CSS td border-style http://htmlbook.ru/css/border-style
firebug
Та же самая беда, но по ссылке мало что понял... Уже забил на TinMCE, попытался вручную ввести коды простенькой таблицы 2Х2 - та же песня, вокруг таблицы рамка есть, внутри нет. Причем на всех браузерах (файрфокс, хром, эксплорер)
Можно настройки сказать, чтобы без излишеств, просто обычными линиями в 1-2 пикселя границы отображались? И лучше в TinMCE, а то преподавателям не HTML же преподавать.
Не уверена, что поступаю верно, только пытаюсь разбираться, но с таблицами проблему решила так:
в стилевом файле темы (в моей теме это файл layout.css в папке styles - собственно, его я и изменяла, когда адаптировала тему под себя) добавила правила:
/*добавить границы таблиц в уроках*/
#page-content .region-content table tr td{
border:1px solid #888;
}
/*убрать границы с панели инструментов */
#page-content .region-content .mceToolbar table tr td{
border-width:0px;
}
Границы у таблиц в уроках теперь всегда есть. Однако, они иногда вылазят в самых неожиданных местах, например, на панели инструментов редактора (этот свой "баг" исправила) или в блоке Marking. Понимаю, что заплатка на заплатке, но преподавателей и правда HTML обучать не будешь.
АМИНЬ!!
#page-content .region-content table tr td{
border:1px solid #888;
}
Спасибо!!
Спасибо, Владимир. Я прописал это в пользовательском CSS темы и все таблицы обрели внутренние границы.
ссылку в студию
а вообще достаточно стили прописать, например:
<style>
table {
border: 2px solid black; /* Рамка вокруг таблицы */
border-collapse: collapse; /* Отображать только одинарные линии */
}
td {
border: 1px solid black; /* Граница вокруг ячеек */
}
</style>Пыталась вставить этот стиль в код страницы (кнопка HTML). Сохраняю, снова открываю код - нет стилей, Moodle почему-то его удаляет. Тег <style> надо каким-то специальным кодом окружать?
Действительно, TinyMce style удаляет.
Так что внедряйте код в основной css
можно попробовать модифицировать:
/*добавить границы таблиц в уроках*/
#page-content .region-content table:not(.mceToolbar) tr td{
border:1px solid #888;
}
Либо добавить классы для таблиц и потом через кнопку HTML добавлять эти классы, но это менее удобный способ.
Или патчить сам TinyMce https://tracker.moodle.org/browse/MDL-27774
/* tables classes */
.outer_border_only {border:1px solid;}
.outer_border_only td
{border:0px;}
.all_border
{border:1px solid;}
.all_border td
{border:1px solid;}
.no_border
{border:0px;}
.no_border td
{border:0px;}
См. решение без HTML в последнем сообщении этой темы
Таблица 2-1
|
№ |
Режим работы цепи |
Вычисления |
|||
|
Pa, Вт |
Pb, Вт |
Pc, Вт |
P, Вт |
||
|
Соединение потребителей электрической энергии звездой без нейтрального провода |
|||||
|
1 |
Симметричный |
|
|
|
|
|
2 |
Несимметричный |
|
|
|
|
|
3 |
Обрыв фазы |
|
|
|
|
|
4 |
Короткое замыкание фазы |
|
|
|
|
Moodle 2.3.4 (без редактирования HTML)
В редакторе страницы Выделяем созданную таблицу. Жмем Правую кнопку мыши, в контекстном меню выбираем Ячейка\Свойства ячейки. На закладке Дополнительные задаем нужный Цвет границы.
Упорно не хочет отображать внутренние границы.
Можно уточнить, что именно и где, в каком коде изменить/добавить, чтобы такой фигни не было?
я имею ввиду - при обычном редактировании, хотя попробовал вносить изменения в стили. Но, может, не там вносил.
По редактированию ячеек все нормально отображается, но это все таки полумера...
В Moodle 2.6 в свойствах таблицы на вкладке Дополнительные можно указать внешние (границы) и внутренние (линейки) границы таблицы:
Естественно, на вкладке Общие должна быть указана ненулевая толщина границы.
Правда, в некоторых темах (например, в CloudyDay) это всё-таки не срабатывает. Для таких случаев я создала класс и научила преподавателей задавать его для таблицы:
В HTML-код лезть не приходится, и на том спасибо
А по поводу "где" - это ведь от темы зависит. В некоторых темах есть поле для записи пользовательского CSS (в настройках темы), а где его нет - приходится дополнять css-файл (они у разных тем по-разному называются, я встречала style.css и core.css)
В 2.7 в редакторе Atto проблема с границами так же не решена? Где что подправить нужно, подскажите пожалуйста?
Я понимаю, что можно вернуться на старый редактор, но раз выбрали этот по-умолчанию значит он должен быть лучше. Хотя он мне всё меньше начинает нравиться, или я просто не умею его готовить
Здравствуйте! Людмила, подскажите пожалуйста, как создать класс "tableBorder"? И что в нем нужно прописать, чтобы были видны внутренние границы таблицы? Спасибо.
Класс tableBorder выглядит так:
.tableBorder tr td {border:1px solid #888;}
Прописываю его в собственном стилевом файле (файл custom.css положила в папку на сервере и в него записываю все свои стили). Чтобы этот файл был доступен страницам сайта, в дополнительном HTML (Администрирование - Внешний вид - Дополнительный HTML) в тег HEAD добавила строку:
<link rel="stylesheet" type="text/css" href="http://папка_на_сервере/custom.css">
Добрый день!
Вы не подскажете, как отключить применение свойства border:1px к некоторым элементам сайта, в частности, к окну поиска и форме комментариев?
Буду очень признателен за помощь!
как отключить применение свойства border:1px к некоторым элементам сайта, в частности, к окну поиска и форме комментариев?
Не пользоваться предложенным в этой теме методом, так как неизвестно, где "косяки" вылезут
2,5 года назад уже обсуждали этот вопрос с границами таблиц и не в одной теме.
Нормальное решение одно - подкорректировать javascript - lib/editor/tinymce/tiny_mce/3.5.хх/plugins/table/js/table.js
Если в строках 213 и 215 сделать изменения (см. ниже), то создаваемая таблица уже будет иметь ячейки с границами черного цвета (можно свой цвет указать).
Было:
213 html += '<td><br data-mce-bogus="1"/></td>';
214 else
215 html += '<td></td>';
Стало:
213 html += '<td style="border: 1px solid #000000;"><br data-mce-bogus="1"/></td>';
214 else
215 html += '<td style="border: 1px solid #000000;"></td>';
ЗЫ: при вставке таблицы, скопированной из другого источника, всё равно нужно будет настраивать границы, как описано тут
