Добрый день. Сейчас рассмотрим такую задачку, когда необходимо посредством CSS добавить всплывающую подсказку на наш сайт. Допустим у нас имеется кнопка такого типа: <button class="btn">Кнопка</button> И нам нужно, чтобы при наведении на эту кнопку появлялась небольшая табличка с описанием такого типа: <span class="btndescription">Описание</span> Итак, приступим. Для начала создаем отдельный блок div для кнопки: <div id="btnblock"> </div> Внутри этого блока вставляем нашу кнопку и описание: <div...

Если говорить по-простому, это та самая подсказка, которую программисты ласково называют «тултипом» (от английского tooltip). Представьте, что вы идете по незнакомому городу, и каждый раз, когда вы смотрите на здание, в воздухе на секунду появляется табличка с его названием. Удобно? Еще бы! В веб-дизайне это работает точно так же. Когда вы задерживаете стрелочку мыши на кнопке, иконке или ссылке, браузер понимает: «Ага, пользователь в замешательстве, надо бы ему помочь». И выкатывает краткое пояснение. По сути, текст при наведении — это ваш персональный гид по интерфейсу, который не лезет с советами, пока его не попросят...