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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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


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

Код
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


Что по деревенски, 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


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 получился, всё ли правильно? :)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) По какому принципу работают ускорители индексации сайта?
5 Lifelove 1640 29.1.2024, 9:50
автор: Skyworker
Открытая тема (нет новых ответов) не работают media запросы
0 cadet 5762 8.11.2016, 20:03
автор: -cadet-
Открытая тема (нет новых ответов) Отличный контент для СДЛ: быстро, качественно и дешево! Работают профессионалы!
Огромное количество бонусов, цены не кусаются, отличное качество
19 LuckerMan 6990 6.7.2016, 19:10
автор: bifot
Открытая тема (нет новых ответов) Помогите, пожалуйста, условные комментарии html не работают.
1 Людмила.78 5866 4.7.2016, 14:33
автор: -Degradator-
Открытая тема (нет новых ответов) Поведение тега code
4 Den1xxx 5988 6.4.2014, 9:29
автор: -Den1xxx-


 



RSS Текстовая версия Сейчас: 24.4.2024, 0:35
Дизайн