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

225 лет со дня рождения Варгина. Карта2

<div id="map-object">
<ul>
<li id="marker1">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/repeek.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/vargin/cheshuya.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/vargin/pogony.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>
 
</li>
<li id="marker4">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/shtyk.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a></li>
 
</li>
<li id="marker5">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/lackan.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a></li>
 
<li id="marker6">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/obshlag.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a></li>
 
<li id="marker7">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/falda.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>
 
</li>
<li id="marker8">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/obkladka_faldy.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>
 
</li>
<li id="marker9">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/rygie.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>
 
</li>
<li id="marker10">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/sultan.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a></li>
 
</li>
<li id="marker11">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/kiver.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a></li>
 
<li id="marker12">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/etishket.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a></li>
 
<li id="marker13">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/petlica.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>
 
</li>
<li id="marker14">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/partonnaya_symka.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>
 
</li>
<li id="marker15">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/temlyak.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>
 
</li>
<li id="marker16">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/nogny.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a></li>
 
</li>
<li id="marker17">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/polysablya.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a></li>
 
<li id="marker18">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/pantalony.jpg' alt='название картинки' /><span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a></li>
 
<li id="marker19">
<a href="#" rel="popover" data-placement="" data-trigger="focus" data-content="<img src='/images/yubileiniy_urok/vargin/galstyk.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/vargin/vargin_map2.jpg) no-repeat;
 
position: relative;
width: 470px ;
height:509px;
}
 
#map-object ul, #map-object li, #marker1 li, #marker2 li, #marker3 li, #marker4 li, #marker5 li, #marker6 li, #marker7 li, #marker8 li, #marker9 li, #marker10 li, #marker11 li, #marker12 li, #marker13 li, #marker14 li, #marker15 li, #marker16 li, #marker17 li, #marker18 li, #marker19 li{
 
 
 
margin: 0px;
padding: 0px;
list-style: none;
}
 
#marker1 a, #marker2 a, #marker3 a, #marker4 a, #marker5 a, #marker6 a, #marker7 a, #marker8 a, #marker9 a, #marker10 a, #marker11 a, #marker12 a, #marker13 a, #marker14 a, #marker15 a, #marker16 a, #marker17 a, #marker18 a, #marker19 a{
 
position: absolute;
width: 20px;
height: 20px;
display: block;
text-indent: -10000px;
}
 
#marker1 a{
left: 82px;
top: 31px;
}
 
#marker2 a{
left: 28px;
top: 75px;
}
 
#marker3 a{
left: 20px;
top: 121px;
}
 
#marker4 a{
left: 32px;
top: 147px;
}
 
#marker5 a{
left: 27px;
top: 188px;
}
 
#marker6 a{
left: 34px;
top: 214px;
}
#marker7 a{
left: 22px;
top: 262px;
}
 
#marker8 a{
left: 21px;
top: 339px;
}
 
#marker9 a{
left: 23px;
top: 461px;
}
 
#marker10 a{
left: 327px;
top: 5px;
}
 
#marker11 a{
left: 352px;
top: 31px;
}
 
#marker12 a{
left: 355px;
top: 97px;
}
#marker13 a{
left: 349px;
top: 136px;
}
 
#marker14 a{
left: 380px;
top: 219px;
}
 
#marker15 a{
left: 392px;
top: 265px;
}
 
#marker16 a{
left: 392px;
top: 309px;
}
 
#marker17 a{
left: 383px;
top: 369px;
}
 
#marker18 a{
left: 391px;
top: 441px;
}
 
#marker19 a{
left: 376px;
top: 169px;
}

 
 
.popover-content {
padding: 0px 0px;
position: absolute;
 
top: 0px;
 
left:470px;}
 
.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 не будет опубликован.