Расположить checkbox между строками таблицы

@nnnikotinnn995 · Регистрация: 07.07.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Необходимо вставить checkbox не в ячейку таблицы а между 2 сток таблицы ( чтобы щелчком по чекбоксу выбирать сразу 2 строки). Как показано на скриншоте.
Пробовал padding-top и margin-top - все равно чекбокс остается внутри строки.
Как вы думаете такое возможно?
Не подскажите как это сделать?

@nnnikotinnn995 · 21.11.2022, 11:18 **[ТС]**

Таблица естественно table tr td

KingdaKa · 21.11.2022, 11:27

nnnikotinnn995, всё можно, если очень хочется. Но сначала вопрос - это вставка "костыля" в уже имеющуюся таблицу или возможно сделать всё условно с нуля, ну то есть переверстать таблицу немного иначе?

@nnnikotinnn995 · 21.11.2022, 17:09 **[ТС]**

Сообщение от KingdaKa

Но сначала вопрос - это вставка "костыля" в уже имеющуюся таблицу или возможно сделать всё условно с нуля, ну то есть переверстать таблицу немного иначе?

Желательно не менять таблицу и все её стили.
Хотелось бы указать стиль для чекбокса (или если ни как, то хотя бы для строки), при котором он сможет вылезти из строки и расположиться по линии пересечения 2 строк.

KingdaKa · 21.11.2022, 18:32

Сообщение от nnnikotinnn995

Хотелось бы указать стиль для чекбокса (или если ни как, то хотя бы для строки), при котором он сможет вылезти из строки и расположиться по линии пересечения 2 строк.

Вы бы хоть код этой строки привели и стили к таблице...
В общих чертах элемент можно вынести из контейнера куда угодно относительным и абсолютным позиционированием, но по-моему лучше подверстать таблицу всё-таки

CSS
1
2
3
4
5
6
7
8
9
      table {
        border: 2px solid #ddd;
      }
 
      .chk {
        position: relative;
        left: 50px;
        top: 50px;
      }

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
    <table>
      <tr>
        <td><input class="chk" type="checkbox" /></td>
        <td>2</td>
        <td>3</td>
      </tr>
      <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
      </tr>
    </table>

@nnnikotinnn995 · 22.11.2022, 11:00 **[ТС]**

Спасибо, не подумал о позиционирование.

CSS
1
2
3
4
5
6
7
8
.checkBoxSort {
    position: relative;
    top: 15px;
    transform:scale(1.75);
    border: 2px solid #ee5627;
    opacity:1;
    cursor:pointer;
}

Новые блоги и статьи Все статьи Все блоги /
Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .

@nnnikotinnn995 7 / 7 / 4 Регистрация: 07.07.2011 Сообщений: 583

	Расположить checkbox между строками таблицы 21.11.2022, 11:14. Показов 539. Ответов 5 Метки нет (Все метки) Здравствуйте. Необходимо вставить checkbox не в ячейку таблицы а между 2 сток таблицы ( чтобы щелчком по чекбоксу выбирать сразу 2 строки). Как показано на скриншоте. Пробовал padding-top и margin-top - все равно чекбокс остается внутри строки. Как вы думаете такое возможно? Не подскажите как это сделать? Миниатюры 0

@nnnikotinnn995 7 / 7 / 4 Регистрация: 07.07.2011 Сообщений: 583
	21.11.2022, 11:18 [ТС]
	Таблица естественно table tr td 0

KingdaKa 1306 / 781 / 190 Регистрация: 19.09.2020 Сообщений: 1,993
	21.11.2022, 11:27
	nnnikotinnn995, всё можно, если очень хочется. Но сначала вопрос - это вставка "костыля" в уже имеющуюся таблицу или возможно сделать всё условно с нуля, ну то есть переверстать таблицу немного иначе? 0

Расположить checkbox между строками таблицы

Решение