Помощник
|
Не работают атрибуты тега <table>, cellspacing="0" cellpadding="2" |
stixia007
|
Сообщение
#1
|
||
|
|
||
|
|||
x64 |
6.4.2015, 11:32;
Ответить: x64
Сообщение
#2
|
|
cellspacing задаёт расстояние между ячейками, а border-collapse:collapse; это расстояние схлопывает.
cellpadding задаёт расстояние между ячейкой и содержимым. Если в css для td/th прописан padding, то это правило считается приоритетным. Оформление лучше делать с помощью css. Нужно убрать аттрибуты border/cellspacing/cellpadding, определить новый класс (либо дополнить имеющиеся) и рулить ими. |
|
|
stixia007
|
Сообщение
#3
|
|
Решил таким способом:
Код table td { border-collapse: collapse; border-spacing: 0; padding: 2px; } Но блин как то это по деревенски cellspacing задаёт расстояние между ячейками, а border-collapse:collapse; это расстояние схлопывает. cellpadding задаёт расстояние между ячейкой и содержимым. Если в css для td/th прописан padding, то это правило считается приоритетным. Оформление лучше делать с помощью css. Нужно убрать аттрибуты border/cellspacing/cellpadding, определить новый класс (либо дополнить имеющиеся) и рулить ими. Да я по не много разбираюсь. А понял, все атрибуты определить в css, а на смой странице использовать просто <table> <tr> <td> ? Или вы имели ввиду перевести всё в <span class="table"> ? |
|
|
x64 |
6.4.2015, 11:53;
Ответить: x64
Сообщение
#4
|
|
Что по деревенски, css для оформления использовать?
А напрямую в тегах атрибутами — так сразу стиляга получается. border-collapse — свойство для таблицы, не ячейки. border-spacing — аналогично. а на смой странице использовать просто <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> Или вы имели ввиду перевести всё в <span class="table"> ? Зачем это может понадобиться? Табличные данные представляйте в таблице, это совершенно нормально. |
|
|
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 получился, всё ли правильно?
Сообщение отредактировал stixia007 - 6.4.2015, 14:36 |
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
По какому принципу работают ускорители индексации сайта? | 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- |
Текстовая версия | Сейчас: 24.4.2024, 0:35 |