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

150 лет со дня открытия циклического строения молекулы бензола.Карта


<div id=»map-object10″>
<ul>
<li id=»marker31″>
<a href=»#» rel=»popover» data-placement=»» data-trigger=»focus» data-content=»<img src=’/images/yubileiniy_urok/molekula_benzola/1_1.jpg’ alt=’название картинки’ /> <span class=’ttext’></span> <span class=’tprice’></span>» data-original-title=»»></a>
</li>
<li id=»marker32″>
<a href=»#» rel=»popover» data-placement=»» data-trigger=»focus» data-content=»<img src=’/images/yubileiniy_urok/molekula_benzola/1_2.jpg’ alt=’название картинки’ /> <span class=’ttext’></span> <span class=’tprice’></span>» data-original-title=»»></a>
</li>
<li id=»marker33″>
<a href=»#» rel=»popover» data-placement=»» data-trigger=»focus» data-content=»<img src=’/images/yubileiniy_urok/molekula_benzola/1_3.jpg’ alt=’название картинки’ /> <span class=’ttext’></span> <span class=’tprice’></span>» data-original-title=»»></a>
</li>
<li id=»marker34″>
<a href=»#» rel=»popover» data-placement=»» data-trigger=»focus» data-content=»<img src=’/images/yubileiniy_urok/molekula_benzola/1_4.jpg’ alt=’название картинки’ /> <span class=’ttext’></span> <span class=’tprice’></span>» data-original-title=»»></a>
</li>
<li id=»marker35″>
<a href=»#» rel=»popover» data-placement=»» data-trigger=»focus» data-content=»<img src=’/images/yubileiniy_urok/molekula_benzola/1_5.jpg’ alt=’название картинки’ /> <span class=’ttext’></span> <span class=’tprice’></span>» data-original-title=»»></a>
</li>
</ul>
</div>

<style>
#map-object10{
background: url(/images/yubileiniy_urok/molekula_benzola/map1.jpg) no-repeat;
position: relative;
width: 940px;
height: 761px;
}
#map-object10 ul, #map-object10 li, #marker31 li, #marker32 li, li #marker33, li #marker34,li #marker35 {
margin: 0px;
padding: 0px;
list-style: none;
}

#marker31 a, #marker32 a, #marker33 a, #marker34 a, #marker35 a {
position: absolute;
width: 30px;
height: 30px;
display: block;
text-indent: -10000px;
}
#marker31 a {
left: 216px;
top: 530px;
}
#marker32 a {
left: 180px;
top: 455px;
}
#marker33 a {
left: 493px;
top: 195px;
}
#marker34 a{
left: 179px;
top: 503px;
}
#marker35 a{
left: 79px;
top: 616px;
}

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

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