0
Я пытаюсь создать сайт с исправленным заголовком. Над заголовком у меня есть div «login» на -40px, поэтому отображается только вкладка «Вход». Я пытаюсь, чтобы jQuery нажимал весь контент (заголовок, контейнер, нижний колонтитул и т. Д.) На 40 пикселей, чтобы иметь вид входа в систему. Как мне это сделать?JQuery slideToggle фиксированные divs при нажатии на остальную часть conent
Это мой header.php включают в себя:
<div id="login" class="full">
<div id="login-form" class="container">
<input type="button" name="submit" id="submit" value="Log In">
<input name="password" id="word" placeholder="PASSWORD">
<input name="user" id="user" placeholder="EMAIL ADDRESS">
</div>
<div id="login-tab" class="container">
<a href="#">Log In</a>
</div>
</div>
<div id="header-bg" class="full">
<header class="container group">
<div id="logo" class="third">
<img src="images/logo-side.png" width="100%"/>
</div>
<!--<div id="login" class=" ">
<form>
<input name="email" type="text" value="">
<input name="password" type="text" value="">
<input name="login-submit" type="button" value="log in">
</form>
</div>-->
<nav>
<ul>
<li><a href="index.html" class="active">home</a></li>
<li><a href="#">development</a></li>
<li><a href="#">availability</a></li>
<li><a href="#">about</a></li>
<li><a href="#">contact</a></li>
</ul>
</nav>
</header>
</div>
<div id="container" class="container">
CSS для Херес логина DIV:
#login {
background:#365160 ;
height:40px;
position:fixed;
top:-33px;
z-index:10;
border-bottom:1px solid #ea9919;
font-family:Arial, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
#login-tab a {
background:#365160;
color:#fff;
margin-top:30px;
margin-right:-390px;
padding:0px 15px;
float:right;
border-radius:0 0 2px 2px;
display:block;
border-left:1px solid #ea9919;border-bottom:1px solid #ea9919;border-right:1px solid #ea9919;
}
Заголовок-BG ДИВ:
#header-bg {
position:fixed;
top:11px;
background:#fff url(../images/crossword.png) repeat;
box-shadow: 0px 3px 4px 0px #999;
border-bottom:1px solid #ccc;
}
Любые предложения ?? Я действительно потерян. Спасибо!