Визуальные редакторы Joomla, даже “навороченный” JCE, не предоставляют полной возможности редактирования таблиц, к тому же, гораздо правильнее прописать свойства таблиц в css, поэтому веб-мастеру нередко приходится править таблицы стилей (или прописывать новые свойства).

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

  • Границы между ячейками

Свойство border-collapse показывает, как отображать границы между ячейками.

Значения:

collapse –  Линия между ячейками отображается только одна, также игнорируется значение атрибута cellspacing.

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

inherit – Наследует значение родителя.

Отступы внутри ячейки

Html-атрибуты cellpadding и cellspacing лучше заменить стилем padding.Например, border:0px; или padding:3px 4px; (отступы слева и справа соответственно).

 Если Вы захотите, чтобы отступы во всей таблице были нулевыми, Ваш стиль будет выглядеть так:

table{
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}

table td{
padding:0px; /* cellpadding="0" */
}

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

table.my{
border-collapse:separate;
}

table.my td{
padding:3px 4px;
border:1px solid #000000;
}

Ширина таблицы

Для удобства адаптации к разным экранам пользователей ширину таблицы или столбца лучше всего задавать в процентах.

width:100%;

Послесловие

Если вы потратили определенное время на создание и развитие вашего бизнеса, потратьте еще немного времени и сил на то, чтобы качественно и достойно представить его в сети Интернет.

Ваши усилия быстро окупятся и принесут прибыль.

Остались вопросы или нужна консультация?

Звоните нам: 0 800 301 901 (бесплатно с любого номера в Украине) или пишите нам на почту info@seorank.kiev.ua

Раскрутка сайта во всех подробностях тут