909 читали · 5 лет назад
Html+css: верстка тултипов
HTML имеет свои встроенные тултипы, но часто их дизайн не соответствует требованиям стиля макета. Сейчас мы научимся стилизовать тултипы. Для начала, нужно понять, что стандартный тултип - это своеобразное описание для элемента. Самый простой вид тултипа, который мы здесь будем рассматривать, не требует от HTML практически ничего. Мы будем использовать атрибут aria-label, который служит для описания элементов скринридерам (в основном, для людей с нарушениями зрения). Для того, чтобы через CSS "захватить"...
196 читали · 1 год назад
Делаем всплывающее сообщение при наведении в CSS
Добрый день. Сейчас рассмотрим такую задачку, когда необходимо посредством CSS добавить всплывающую подсказку на наш сайт. Допустим у нас имеется кнопка такого типа: <button class="btn">Кнопка</button> И нам нужно, чтобы при наведении на эту кнопку появлялась небольшая табличка с описанием такого типа: <span class="btndescription">Описание</span> Итак, приступим. Для начала создаем отдельный блок div для кнопки: <div id="btnblock"> </div> Внутри этого блока вставляем нашу кнопку и описание: <div...