У меня возникли проблемы с позиционированием div, чтобы он отображался в одном месте на любом уровне разрешения/масштабирования. Когда вы нажимаете эту стрелку: http://i.imgur.com/k2rmjLN.png, я запускаю jQuery, чтобы спустить div вниз. Проблема в том, что я не могу заставить ее появляться под этой стрелкой.Сделать div в правильном положении
Pic: http://i.imgur.com/CPnMEGV.png
HTML и Javascript:
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#flip").click(function() {
$("#panel").slideToggle(100);
});
});
</script>
</head>
<body>
Welcome Guest!
<img src="images/down.png" width="18px" height="18px" alt="Login" id="flip" />
<div id="panel">
<form name="login" action="#" method="post">
Username:<br />
<input type="text" name="username"><br />
Password:<br />
<input type="password" name="password"><br /><br />
<input type="submit" value="Login">
</form>
</div>
...
CSS:
#flip {
float: right;
margin-left: 5px;
}
#panel {
display:none;
position:absolute;
border: 1px solid;
padding: 20px;
right: 0;
top: 25px;
z-index: 5;
background-color: #FFFFFF;
text-align: left;
}
Я все еще достаточно новое для этого, так что извините за плохой код. Любая помощь будет оценена!
вам нужно 'положение дел? – lukasgeiter
Должна ли эта панель находиться внутри другого элемента? – Sergio
Спасибо за предоставление ссылки на сайт. Я отправлю ответ в ближайшее время – lukasgeiter