Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.11.2011, 10:52
Аспирант
Отправить личное сообщение для debugx Посмотреть профиль Найти все сообщения от debugx
 
Регистрация: 24.05.2011
Сообщений: 40

Заливка столбца в таблице
Всем привет,
Есть простая таблица <table></table>
В ней есть какой-то cellspacing по умолчанию, и меня это устраивает.
Но из-за этого cellspacing, я не могу целиком выделить какую-либо ячейку таблицы.
Чтобы залить всю колонку, я для определенных элементов <td></td> устанавливают цвет фона:
td.column-selected {
    background-color: red;
}

но при этом расстояния между строчками в этой колонке остаются не выделенные цветом.
Как бы мне выделить всю колонку целиком?
Ответить с цитированием
  #2 (permalink)  
Старый 14.11.2011, 11:13
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

можно так определять цвет для целого столбца

<style>
table
</style>
<table style="border-collapse: collapse; border-spacing: 0;">

    <col style="background-color: red" />
    <col style="background-color: green" />

 <tr>
   <td>xxxxxxxxxxxxxxx</td>
   <td>xxxxxxxxxxxxxxxxxxx</td>
 </tr>
 <tr>
   <td>yyyyyyyyyyyyyyy</td>
   <td>yyyyyyyyyyyyyyyyyy</td>
 </tr>
</table>
Ответить с цитированием
  #3 (permalink)  
Старый 14.11.2011, 12:32
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,577

Pavel M., стили у col динамически не меняются в большинстве браузеров.
debugx,
1. Заменить cellspacing использованием border и менять у него цвет.
2. Подкладывать div с z-index:-1 и position:absolute.
__________________
29375, 35

Последний раз редактировалось Aetae, 14.11.2011 в 12:37.
Ответить с цитированием
  #4 (permalink)  
Старый 14.11.2011, 13:05
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

Сообщение от Aetae
Pavel M., стили у col динамически не меняются в большинстве браузеров.
где в вопросе было про динамическую смену стиля?
Ответить с цитированием
  #5 (permalink)  
Старый 14.11.2011, 13:34
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,577

Действительно не было, но дар телепатии, хорошо развитый за годы проведённые на форумах, подсказывает мне, что я прав.))
__________________
29375, 35
Ответить с цитированием
  #6 (permalink)  
Старый 14.11.2011, 23:53
Профессор
Отправить личное сообщение для Seva1986 Посмотреть профиль Найти все сообщения от Seva1986
 
Регистрация: 01.10.2011
Сообщений: 422

debugx,


cellspacing это растояние между ячейками при раздельной модели рамок.

либо поставьте cellspacing:0; в css для таблицы, либо border-collapse:collapse;

а ячейкам задать pading если нужен отступ который будет закрашиваться...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Перемешать данные в таблице greatilya Оффтопик 8 18.05.2011 17:50
Изменение цвета ячейки в таблице, при наведении на строку другой таблицы Psychosonic Общие вопросы Javascript 12 24.11.2010 16:44
Разварачивание строк в таблице на jQyery Suharik jQuery 49 07.05.2010 11:20
Подсчитать кол-во строк в таблице? bobroff jQuery 3 04.12.2009 12:29
Сортировка числовых данных в таблице Vladsss Общие вопросы Javascript 15 01.09.2009 17:02