oldts
Newbie | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть 1 html страничка, на экране 1280х1024 выгляди все очень прилично, при уменьшении размера окна картинки уменьшаются но проблема в том что они начинают заходить друг на друга, посоветуйте как можно решить?
Код: <!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>-</title>
<script src="js/jquery.js"></script>
<script src="js/jquery.plaxmove.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<style>
body{height:100%;overflow:hidden;background: #0f4758;}
div{position:absolute;}
img{max-width:100%; max-height:100%;}
.layer1{background:url(layer1.png)repeat;width:120%;height:120%;left:-50px; top:-50px;}
.message{background:#fffbdb;max-width:50%;max-height:50%;border:10px;border-style: solid;border-color: white;top:50%;right:20%;}
.igrushki{no-repeat; height:auto;top:0px;}
.podarok{no-repeat;top:75%;right:65%}
.santa{no-repeat;widht:350px; height:350px;;bottom:3%; left:0%;}
@font-face {
font-family: appetite;
src: url(appetite.otf);
}
</style>
<div class="layer1"></div>
<script type="text/javascript">
$(function(){
$('.layer1').plaxmove({ratioH:0.03,ratioV:0.03})
});
</script>
<div class="message">
Развлекательная программа для ваших детей:</br>
- поздравление Деда Мороза и Снегурочки</br>
- сказочная новогодняя постановка</br>
- аквагрим</br>
- мыльные пузыри</br>
Звоните сейчас!
тел:</div>
<div class="igrushki"><img src="igrushki.png"></div>
<div class="santa"><img src="santa.png" ></div>
<div class="podarok" ><img src="podarok.png"></div>
</body></html> |
 |
