X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Не работают атрибуты тега <table>, cellspacing="0" cellpadding="2"
stixia007
stixia007
Topic Starter сообщение 6.4.2015, 11:12; Ответить: stixia007
Сообщение #1


Завсегдатай
*****

Группа: Active User
Сообщений: 537
Регистрация: 23.2.2013
Поблагодарили: 19 раз
Репутация:   1  


Здравствуйте. На дефолтном шаблоне dle всё отображается, а на моём нет. Собственно не работают вот эти атрибуты:

Код
cellspacing="0" cellpadding="2"


Какие бы значения не вписывал изменения не наблюдаются. Сама таблица:

Код
<table border="1" cellspacing="0" cellpadding="2">
<tr>
<td width="150">Описание</td>
<td>Описание... Описание... Описание... Описание... Описание...</td>
</tr>
</table>


Подскажите куда смотреть? :)

В стилях нашёл только это:

Код
table {
    border-collapse: collapse;
    border-spacing: 0;


Сообщение отредактировал stixia007 - 6.4.2015, 11:19
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 6.4.2015, 11:32; Ответить: x64
Сообщение #2


F.A.L.L.O.U.T.
*******

Группа: Super Moderator
Сообщений: 3424
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2745 раз
Репутация:   289  


cellspacing задаёт расстояние между ячейками, а border-collapse:collapse; это расстояние схлопывает.
cellpadding задаёт расстояние между ячейкой и содержимым. Если в css для td/th прописан padding, то это правило считается приоритетным.
Оформление лучше делать с помощью css. Нужно убрать аттрибуты border/cellspacing/cellpadding, определить новый класс (либо дополнить имеющиеся) и рулить ими.


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stixia007
stixia007
Topic Starter сообщение 6.4.2015, 11:53; Ответить: stixia007
Сообщение #3


Завсегдатай
*****

Группа: Active User
Сообщений: 537
Регистрация: 23.2.2013
Поблагодарили: 19 раз
Репутация:   1  


Решил таким способом:

Код
table td {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 2px;
}


Но блин как то это по деревенски :)

Цитата(x64 @ 6.4.2015, 11:32) *
cellspacing задаёт расстояние между ячейками, а border-collapse:collapse; это расстояние схлопывает.
cellpadding задаёт расстояние между ячейкой и содержимым. Если в css для td/th прописан padding, то это правило считается приоритетным.
Оформление лучше делать с помощью css. Нужно убрать аттрибуты border/cellspacing/cellpadding, определить новый класс (либо дополнить имеющиеся) и рулить ими.

Да я по не много разбираюсь. А понял, все атрибуты определить в css, а на смой странице использовать просто <table> <tr> <td> ?

Или вы имели ввиду перевести всё в <span class="table"> ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
x64
x64
сообщение 6.4.2015, 11:53; Ответить: x64
Сообщение #4


F.A.L.L.O.U.T.
*******

Группа: Super Moderator
Сообщений: 3424
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 2745 раз
Репутация:   289  


Что по деревенски, css для оформления использовать? :blink:
А напрямую в тегах атрибутами — так сразу стиляга получается. :D
border-collapse — свойство для таблицы, не ячейки. border-spacing — аналогично.

Цитата(stixia007 @ 6.4.2015, 10:37) *
а на смой странице использовать просто <table> <tr> <td> ?

Можете отдельный класс определить:
Код
table.tab {
    border-collapse: collapse;
    border-spacing: 0;
}

table.tab td {
    padding:2px;
}

и в html:
Код
<table class="tab">
  <tr>
    <td>фигень1</td>
    <td>фигень2</td>
  </tr>
</table>


Цитата(stixia007 @ 6.4.2015, 10:53) *
Или вы имели ввиду перевести всё в <span class="table"> ?

Зачем это может понадобиться? Табличные данные представляйте в таблице, это совершенно нормально.


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
stixia007
stixia007
Topic Starter сообщение 6.4.2015, 14:32; Ответить: stixia007
Сообщение #5


Завсегдатай
*****

Группа: Active User
Сообщений: 537
Регистрация: 23.2.2013
Поблагодарили: 19 раз
Репутация:   1  


x64, спасибо, понял, буду исправлять :)

Вот что получилось, нужно было ещё задать цвет рамки:

Код
table td, th {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: #9b9b9b; /* Цвет границы */
    border-style: solid; /* Стиль границы */
    border-width: 1px;
}

table.tab {
    border-collapse: collapse;
    border-spacing: 0;
}

table.tab td, th {
    padding: 2px;
    vertical-align: middle;
}


Код
<table class="tab">
  <tr>
    <th width="150">Заголовок (в теге стронг)</th>
    <td>Описание...</td>
  </tr>
</table>


Какой то массивный css получился, всё ли правильно? :)

Сообщение отредактировал stixia007 - 6.4.2015, 14:36


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Отличный контент для СДЛ: быстро, качественно и дешево! Работают профессионалы!
Огромное количество бонусов, цены не кусаются, отличное качество
19 LuckerMan 3237 6.7.2016, 19:10
автор: bifot
Открытая тема (нет новых ответов) Качественная обработка Ваших заявок в биржах. Вы отдыхаете - сайты работают!
Полностью минимизирую Ваше участие
0 innafedu 882 28.2.2013, 18:36
автор: innafedu


 



RSS Текстовая версия Сейчас: 13.12.2017, 17:39
Дизайн