Рубрики
Карты

120 лет со дня рождения Зорге.Карта


<div id="map-object">
<ul>
<li id="marker1">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/
zorge/1.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>


</li>
<li id="marker2">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/
zorge/2.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>


</li>
<li id="marker3">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/
zorge/3.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>

 

</li>


</ul>
</div>
<style>

#map-object{
background: url(/images/yubileiniy_urok/zorge/map_zorge.jpg) no-repeat;
position: relative;
width: 940px ;
height:651px;
}

#map-object ul, #map-object li, #marker1 li, #marker2 li, #marker3 li{

 

margin: 0px;
padding: 0px;
list-style: none;
}

#marker1 a, #marker2 a, #marker3 a{

 

position: absolute;
width: 40px;
height: 40px;
display: block;
text-indent: -10000px;
}

#marker1 a{
left: 358px;
top: 294px;
}

#marker2 a{
left: 414px;
top: 579px;
}

#marker3 a{
left: 468px;
top: 564px;
}
 

.popover-content {
padding: 0px 0px;
position: absolute;

top: 0px;

left:600px;}

.popover {
position: absolute;
top: 0 !important;
left: 0 !important;
z-index: 10;
display: none;
max-width: 400px;
padding: 0px;
text-align: left;
background-color: #ffffff;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 0px solid #ccc;
border: 0px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal;
}
</style>

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

0

Добавить комментарий

Ваш адрес email не будет опубликован.