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

25 лет со дня регистрации первого отечественного домена. Карта


<div id=»map-object»>
<ul>
<li id=»marker1″>
<a href=»#» rel=»popover» data-placement=»» data-trigger=»focus» data-content=»<img src=’/images/yubileiniy_urok/domen/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/domen/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/domen/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/domen/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/domen/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/domen/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/domen/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/domen/8.jpg’ alt=’название картинки’ /><span class=’ttext’></span> <span class=’tprice’></span>» data-original-title=»»> </a>
<li id=»marker9″>
<a href=»#» rel=»popover» data-placement=»» data-trigger=»focus» data-content=»<img src=’/images/yubileiniy_urok/domen/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/domen/10.jpg’ alt=’название картинки’ /><span class=’ttext’></span> <span class=’tprice’></span>» data-original-title=»»> </a>
</li> 
<li id=»marker11″>
<a href=»#» rel=»popover» data-placement=»» data-trigger=»focus» data-content=»<img src=’/images/yubileiniy_urok/domen/11.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/domen/12.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/domen/13.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/domen/14.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/domen/15.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/domen/16.jpg’ alt=’название картинки’ /><span class=’ttext’></span> <span class=’tprice’></span>» data-original-title=»»> </a>
</li> 
<li id=»marker17″>
<a href=»#» rel=»popover» data-placement=»» data-trigger=»focus» data-content=»<img src=’/images/yubileiniy_urok/domen/17.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/domen/18.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/domen/19.jpg’ alt=’название картинки’ /><span class=’ttext’></span> <span class=’tprice’></span>» data-original-title=»»> </a>
</li> 
<li id=»marker20″>
<a href=»#» rel=»popover» data-placement=»» data-trigger=»focus» data-content=»<img src=’/images/yubileiniy_urok/domen/20.jpg’ alt=’название картинки’ /><span class=’ttext’></span> <span class=’tprice’></span>» data-original-title=»»> </a>
</li> 
</li> 
</ul>
</div>
<style>

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

#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, #marker20 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 , #marker20 a {
position: absolute;
width: 20px;
height: 20px;
display: block;
text-indent: -10000px;
}

#marker1 a{
left: 805px ;
top: 68px ;
}

#marker2 a{
left: 738px ;
top: 194px;
}

#marker3 a{
left: 652px ;
top: 278px;
}

#marker4 a{
left: 812px;
top: 413px;
}

#marker5 a{
left: 909px ;
top: 365px;
}

#marker6 a{
left: 480px ;
top: 139px;
}

#marker7 a{
left: 495px ;
top: 193px;
}

#marker8 a{
left: 454px ;
top: 184px; 
}

#marker9 a{
left: 427px ;
top: 167px; 
}

#marker10 a{
left: 427px ;
top: 211px; 
}

#marker11 a{
left: 467px ;
top: 209px; 
}

#marker12 a{
left: 469px ;
top: 244px; 
}

#marker13 a{
left: 417px ;
top: 230px; 
}

#marker14 a{
left: 327px ;
top: 363px; 
}

#marker15 a{
left: 280px ;
top: 419px; 
}

#marker16 a{
left: 242px ;
top: 325px; 
}

#marker17 a{
left: 154px ;
top: 207px; 
}

#marker18 a{
left: 157px ;
top: 91px; 
}

#marker19 a{
left: 474px ;
top: 187px; 
}

#marker20 a{
left: 436px ;
top: 189px; 
}

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