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

245 лет со дня рождения Крузенштерна.Карта


<div id="map-object">
<ul>
<li id="marker1">
<a href="
images/yubileiniy_urok/kruzenshtern/1.pdf target="_blank" <span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>

</li>

<li id="marker2">
<a href="
images/yubileiniy_urok/kruzenshtern/2.pdf target="_blank" <span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>

 

</li>
<li id="marker3">

<a href="images/yubileiniy_urok/kruzenshtern/3.pdf target="_blank"  <span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>

 

</li>
<li id="marker4">

<a href="images/yubileiniy_urok/kruzenshtern/4.pdf" target="_blank" <span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a></li>

 

<li id="marker5">
<a href="images/yubileiniy_urok/kruzenshtern/5.pdf" target="_blank"  <span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>

</li>

<li id="marker6">

<a href="images/yubileiniy_urok/kruzenshtern/6.pdf" target="_blank"  <span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>

</li>

<li id="marker7">

<a href="images/yubileiniy_urok/kruzenshtern/7.pdf" target="_blank"  <span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>

 

</li>
<li id="marker8">

<a href="images/yubileiniy_urok/kruzenshtern/8.pdf" target="_blank"  <span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>

</li>

<li id="marker9">
<a href="images/yubileiniy_urok/kruzenshtern/9.pdf" target="_blank"  <span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>

</li>

<li id="marker10">

<a href="images/yubileiniy_urok/kruzenshtern/10.pdf target="_blank" <span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>

</li>

<li id="marker11">
<a href="images/yubileiniy_urok/kruzenshtern/11.pdf target="_blank" <span class='ttext'></span> <span class='tprice'></span>" data-original-title=""> </a>

</li></ul>

</div><style>


#map-object{
background: url(/images/yubileiniy_urok/kruzenshtern/map.jpg) no-repeat;
position: relative;
width: 940px ;
height:482px;
}
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{

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, #marker10 a, #marker11 a{

 

 

position: absolute;

width: 20px;
height: 20px;
display: block;
text-indent: -10000px;
}

#marker1 a{
left: 516px;
top: 58px;
}

#marker2 a{
left: 382px;
top: 230px;
}

#marker3 a{
left: 326px;
top: 408px;
}

#marker4 a{
left: 137px;
top: 258px;
}

#marker5 a{
left: 65px;
top: 184px;
}

#marker6 a{

left: 817px;

top: 70px;

}

#marker7 a{

left: 791px;

top: 142px;

}

#marker8 a{

left: 788px;

top: 77px;

}

#marker9 a{

left: 750px;

top: 171px;

}

#marker10 a{

left: 509px;

top: 354px;

}

#marker11 a{

left: 518px;

top: 91px;

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

top: 0px;

left:580px;}

.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 не будет опубликован.