Архив рубрики: html

Как создать градиентную тень с помощью CSS?

Привет всем! Сегодня листал ленту новостей, и понял, что достаточно большое количество запросов посвящено теме: «Как создать градиентную тень с помощью CSS?». Стало интересно разобраться с этим вопросом самостоятельно 🙂 Читать далее Как создать градиентную тень с помощью CSS?

HTML для чайников в одном посте

Привет всем! Племянник (привет, Клим!) на днях написал по поводу того, что решил (наконец!) начать изучать HTML, PHP, Python и прочее. Специально для него и всех, кто решил начать изучать HTML — основы в одном посте 🙂 Итак, поехали! Читать далее HTML для чайников в одном посте

Как в HTML сделать всплывающий слой, который автоматически закроется через некоторое время?

Привет всем! Не очень распространенный, но все же вопрос, с которым вы наверняка сталкивались рано или поздно: «Как в HTML сделать всплывающий слой, который автоматически закроется через некоторое время?» Читать далее Как в HTML сделать всплывающий слой, который автоматически закроется через некоторое время?

Как сделать элементы input одинаковыми по горизонтали?

В процессе создания сервиса TelegramID, который позволяет в один клик узнать id группы или канала в Telegram столкнулся с проблемой: поле input (куда нужно вводить адрес канала или группы) выходил за границы таблицы и не разу не совпадал с горизонтальными размерами кнопки. Выглядело это следующим образом:
одинаковыми по горизонтали

Причем самым неприятным было то, что стили:

.input_name_field,
.get_id_button {
/* width: 100%; */
background-color: #ffffff;
border-radius: 5px;
border: 1px solid #ffffff;
font-size: small;
box-shadow: 1px 1px 10px rgb(173, 173, 173);

прекрасно работали в Edge, но совершенно не работали в Chrome.
Читать далее Как сделать элементы input одинаковыми по горизонтали?