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

70 лет Великой Победе.Карта


<div id=»map-object»>
<ul>
<li id=»marker1″>
<a href=»#» rel=»popover» data-placement=»» data-trigger=»focus» data-content=»<img src=’/images/yubileiniy_urok/pobeda/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/pobeda/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/pobeda/3.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/pobeda/4.jpg’ alt=’название картинки’ /> <span class=’ttext’></span> <span class=’tprice’></span>» data-original-title=»»></a>
</li> 
<li id=»marker5″>
<a href=»#» rel=»popover» data-placement=»» data-trigger=»focus» data-content=»<img src=’/images/yubileiniy_urok/pobeda/5.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/pobeda/6.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/pobeda/7.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/pobeda/8.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/pobeda/9.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/pobeda/10.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/pobeda/map.jpg) no-repeat;
position: relative;
width: 940px;
height: 704px;
}
#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 {
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 {
position: absolute;
width: 15px;
height: 15px;
display: block;
text-indent: -10000px;
}
#marker1 a {
left: 732px;
top: 370px;
}
#marker2 a {
left: 502px; 
top: 456px;
}
#marker3 a {
left: 731px;
top: 244px;
}
#marker4 a{
left:408px;
top:660px;
}
#marker5 a{
left: 713px;
top: 230px;
}

#marker6 a {
left: 698px;
top: 316px;
}
#marker7 a {
left: 72px; 
top: 67px;
}

#marker8 a {
left: 666px;
top: 640px;
}
#marker9 a{
left: 680px;
top: 430px;
}
#marker10 a{
left: 404px;
top: 3px;
}

 

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

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