Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 16.10.2014, 15:50
Аспирант
Отправить личное сообщение для myshara Посмотреть профиль Найти все сообщения от myshara
 
Регистрация: 25.06.2012
Сообщений: 37

Зачеркнуть строку в таблице
Добрый день всем!

Задача:

как зачеркнуть строку в таблице ч-з CSS

text-decoration:line-through - зачеркивает только текст в ячейках,
а нужна линия ч-з всю строку.

Заранее спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 16.10.2014, 16:54
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<style>
    table{
        border-spacing: 0;
        border: 1px solid #ccc;
        width: 100%;
    }
    td{
        padding: 10px;
        position: relative;
        border: 1px solid #ccc;
    }
    tr.deleted td:before{
        content: '';
        position: absolute;
        top: 50%;
        left: -2px;
        right: -2px;
        height: 1px;
        border-top: 2px solid red;
    }
</style>
<table>
    <tr class="deleted">
        <td>abc</td>
        <td>cde</td>
    </tr>
    <tr>
        <td>111</td>
        <td>222</td>
    </tr>
</table>


На кроссбраузерность не проверял.
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 16.10.2014, 17:28
Аспирант
Отправить личное сообщение для myshara Посмотреть профиль Найти все сообщения от myshara
 
Регистрация: 25.06.2012
Сообщений: 37

danik.js +1 к карме.

Спасибо!

Обязательно:

td{position: relative}


Работает: Chrome, FF.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Фильтр в таблице по select-ам Hedkost Общие вопросы Javascript 7 06.04.2014 12:58
Вставить значение переменных в строку someone Общие вопросы Javascript 2 03.11.2013 00:14
Нужно удалить строку в таблице. Раиль Элементы интерфейса 2 16.12.2010 15:58
Изменение цвета ячейки в таблице, при наведении на строку другой таблицы Psychosonic Общие вопросы Javascript 12 24.11.2010 16:44
Разварачивание строк в таблице на jQyery Suharik jQuery 49 07.05.2010 11:20