В общем при помощи #map сделал карту через хтмл. Далее сделал всплывающие подсказки, но трабл - они всплывают не там, где надо. Должны всплывать над ссылкой, а всплывают вверху справа...
При чем это только на карте, если делать подсказку просто тексту - все ок!
В общем вот так:
http://pic.lg.ua/x/16/eecb61/a1569574.png
HTML ссылки таков:
<area shape="circle" coords="740,66,8" href="/index/0-2" class="tooltip yellow-tooltip" data-title="Установка дверей">
А css стиль таков:
.tooltip {
position: absolute;
background: #eaeaea;
cursor: pointer;
display: inline-block;
text-decoration: none;
color: #222;
outline: none;
text-indent: 0;
}
.tooltip:hover:before {
content: attr(data-title);
white-space: pre-line;
position: absolute;
bottom: 30px;
left: 50%;
z-index: 9999;
width: 230px;
margin-left: -127px;
padding: 10px;
border: 2px solid #ccc;
}
.tooltip:hover:after {
content: "";
position: absolute;
z-index: 10000;
bottom: 24px;
left: 50%;
margin-left: -8px;
border-top: 8px solid #ddd;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0;
}
/* Yellow */
.yellow-tooltip:hover:before {
border-color: #ffcc00;
background-color: #fff;
opacity:0.6;
color:#000;
text-align:center;
}
.yellow-tooltip:hover:after {
border-top-color: #f7d85e;
}
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.