Здравствуйте.
Ребята, вопрос не совсем по системе Ucoz. Тем неменее может кто-то умный поможет чайнику.)
Вот сайт http://udvor.ucoz.com
На нем фон- картинка, отображается в полном размере на всех мониторах.
Красные метки! не могу никак понять как сделать так чтобы на всех разрешениях мониторов они отображались в одном и томже месте.
Вот скрин как это у меня. Мне нужно чтобы метки отображались в томже месте, что и у меня и на маленьких экранах.
Вроде бы надо изменять position absolute и relative. Но вот как это правильно сделать не знаю. Помогите, пожалуйста.
Создал элемент
#t-home{
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background: #000;
}
Затем сама картинка-фон
.img-home{
position:absolute;
}
и метки
.mtrot{
position: relative;
margin-left: 260px;
top: 640px;
}
.mland {
position: relative;
margin-left: 1108px;
top: 635px;
}
.mbord {
position: absolute;
margin-left: 648px;
top: 729px;
}
.mstroeher{
position: absolute;
margin-left: 400px;
top: 488px;
}
.mkolp{
position: absolute;
margin-left: 619px;
top: 255px;
}
.mstup{
position: absolute;
margin-left: 534px;
top: 566px;
}
.mlav{
position: absolute;
margin-left: 1407px;
top: 562px;
}
.mpodokonik{
position: absolute;
margin-left: 250px;
top: 306px;
}
html:
сразу после <body> добавил так:
Спасибо.
Контент-модули
Продвижение сайта
Управление сайтом