Klaus
-
Posts
9 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Klaus
-
-
Спасибо за ответы, а есть ещё варианты? Размеры формы неизвестны и они не заданы.
-
Доброго времени суток! Помогите пожалуйста с позиционированием формы через css. Мне нужно, чтобы форма была по центру окна. Чего не хватает в коде css?
HTML:
<!DOCTYPE html><html lang="ru"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="style.css" /> </head> <body> <form action="" method="post"> <input name="name" type="text" /> <p><textarea name="comment" cols="40" rows="10"></textarea></p> <input name="button" type="submit" /> </form> </body></html>
CSS:
body { margin: 0; padding: 0; width: 100%; height: 100%; background: #000;}form { position: absolute; left: 50%; top: 50%;} -
Наверное напутали с путями?
С путями всё верно.
.quote {background: url(../images/cloud.png) no-repeat fixed center;
width: 315px;
height: 99px;
}
Фиксед позиционируется относительно верхнего левого угла окна браузера. Скорее всего у вас элемент .quote находится дальше от этого угла, чем размер картинки.
Элемент как раз в этом углу.
-
При задании позиции фонового изображения оно просто исчезает. Какую ошибку я допустил?
style.css
Последний элемент.
body {
background-color: #89afe5;
}
.header {
position: absolute;
top: 40px;
left: 495px;
background: url(../images/logo.png);
width: 305px;
height: 298px;
}
.header span {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background: url(../images/logo.png);
background-position: -305px 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
}
.header:hover span {
opacity: 1;
}
.quote {
background: url(../images/cloud.png) no-repeat fixed center;
width: 315px;
height: 99px;
} -
Благодарю за ответы. Поставил бы плюсики, но пишет что исчерпал лимит.
-
Как сделать чтобы при наведении на картинку, она плавно переходила в другую. После увода курсора с картинки, так же плавно применяло свое прежнее обличье.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01/EN" "http://www.w3.org/TR/html4/strict.dtd" />
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
a.rollover {
background: url(bez.PNG);
display: block;
width: 295px;
height: 295px;
}
a.rollover:hover {
background: url(s.PNG);
}
</style>
</head>
<body bgcolor="#89afe5">
<center><p><a href="" class="rollover"> </a></p></center>
</body>
</html> -
-
Картинка в той же папке что и сам код? Потому что она у меня отображается.
Помогите с позиционированием
in HTML Coding
Posted
Спасибо, вроде решил вопрос. Помог вариант с transform.