Подсказки при наведении с использованием чистого CSS. Не Responsive! Использовал данный метод до перехода на Responsive.
CSS
[php]
.info-bubl {
display: inline-block !important;
width: 17px;
height: 17px;
border: 1px solid #469fe3;
text-align: center;
line-height: 18px;
border-radius: 50%;
position: relative;
font-size: 14px;
color: #469fe3;
vertical-align: middle;
cursor: pointer;
}
.info-bubl.orange {
background-color: #469fe3;
border-color: #469fe3;
color: #fff;
}
.info-bubl.orange:hover {
border-color: #ffbc3e;
background-color: #ffbc3e;
}
.info-bubl.white {
background-color: #fff;
border-color: #fff;
color: #000;
}
[/php]
HTML
[php]
<div class="info-bubl">?
<div class="description">Текст который будет отображается при наведении на булит
</div>
</div>
[/php]
