Тестовое задание.Можно ли обойтись без Js?
Вложений: 3
Можно ли обойтись без Js?
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>test</title>
<style>
#shnur2{
position: absolute;
width: 586px;
height: 269px;
background: url(img/shnur.gif);
}
#mag{
width: 400px;
position: absolute;
left: 46%;
top:50px;
}
#mag img{
position: relative;
top:2px;
}
#shteker{
/*????*/
}
#shteker img{
/*????*/
}
</style>
</head>
<body >
<div id = "shnur2">
</div>
<div id = "shteker">
<img src="img/shteker3.gif" alt="" />
</div>
<div id = "mag">
<img src="img/mag.gif" alt="" />
</div>
</body>
</html>
|
Ничего не понятно.. Сделай скрин, как оно должно находиться?
|
Цитата:
При увеличении окна браузера должно так же двигаться ,но в обратную сторону. |
Логически немного странно почему меняется расположение входа на самом центре, но.. Если конкретно так нужно, тогда можешь использовать "media запросы"
Пример: @media screen (max-width:300px){ .main-page{background-color: #acacac} } тебе нужно будет прописывать много стилей для разных разрешений + добавить "transition" для плавности. Но как по мне это вообще бред) Просто поставь его фоном и сделай ему "background-size: cover" без каких либо изменений. |
|
| Часовой пояс GMT +3, время: 23:41. |