Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Заливка столбца в таблице (https://javascript.ru/forum/xhtml-html-css/23154-zalivka-stolbca-v-tablice.html)

debugx 14.11.2011 10:52

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

но при этом расстояния между строчками в этой колонке остаются не выделенные цветом.
Как бы мне выделить всю колонку целиком?

Pavel M. 14.11.2011 11:13

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

<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>

Aetae 14.11.2011 12:32

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

Pavel M. 14.11.2011 13:05

Цитата:

Сообщение от Aetae
Pavel M., стили у col динамически не меняются в большинстве браузеров.

где в вопросе было про динамическую смену стиля?

Aetae 14.11.2011 13:34

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

Seva1986 14.11.2011 23:53

debugx,


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

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

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


Часовой пояс GMT +3, время: 13:58.