mrnobody

Можно воспользоваться свойством pointer-events (поддержка браузерами) https://jsfiddle.net/mrnobody/k6m7tnv6/1/

Привет, земляк ) Закрывающийся strong в таблице не на своем месте.

Если можно поменять разметку, то так можно попробовать

А мой вариант не подходит?

Наверное нужно поискать что-то вроде "morphing button". И мой вариант:

Пойдет?

Задайте изображению display: block; либо vertical-align: top | middle | bottom;

Свойствами для вывода на печать не приходилось пользоваться, но вот какие есть — https://webref.ru/css/type/print

Если заголовок в самом начале страницы, то вы не заметите разницы, а вот если цель находится ниже, то все ок. https://codepen.io/corvus-007/pen/OOKOwQ

Так примерно?

А так пойдет? Тут важный атрибут у svg элемента: preserveAspectRatio="none".

JS по любому нужен, хотя бы для того чтобы предотвратить переход по ссылке.

Убрал лишний символ в начале, попробуйте еще разок ) https://codepen.io/corvus-007/pen/VryMKr?editors=1011 Наверное из-за того что адрес страницы отличается от адреса на который отправляются данные происходит ошибка. Вы может открыть консоль (клавиша F12) и при изменении ползунков показывается ошибка, что запрос блокируется. Сделал так, что мы остаемся на странице, но форма отправляется в другом окне.

Попробуйте так я значения собираю вручную, хотя наверное можно через formData сделать https://learn.javascript.ru/xhr-forms#formdata

Это уже нужен XMLHttpRequest. тут посложнее. Но все равно не понятно, после отправки данных что должно происходить? Обработчик по адресу http://192.168.0.106/led должен обрабатывать запрос и что-то возвращать или как?

Вот так:

Так? Я лишние айдишники убрал, хотя возможно они вам нужны. И у ссылки был дублировался id="r" как у первого заголовка инпута, я заменил его на id="link". Еще у ссылки перед id знак плюса явно лишний.

Так?

Вот набросок, надеюсь поможет. Если будет время попробую отстилять. Использую slick

Так? Брал иконки отсюда: https://www.iconfinder.com/iconsets/picons-social Потом я их оптимизировал с помощью этого сервиса: https://jakearchibald.github.io/svgomg/

.hero img { display: block; width: 100%; height: 100%; object-fit: cover; }

Так?

Так нужно? https://jsfiddle.net/mrnobody/yqfyb014/3/

http://jsfiddle.net/mrnobody/o9tbnrya/1/