Hey :)
Versuche gerade ein Login Slide Toggle zu machen. Das jquery hat funktioniert war ja auch nicht so schwer nur mein css funktioniert noch nicht so ganz^^
Also:
Problem 1:
Wenn ich auf meine Seite gehe wird der "content" schon angezeigt obwohl display: none; ist!
Problem 2:
Der content soll nicht neber sondern direkt unter dem Login Button angezeigt werden!
Problem 3:
Das Bild vom Slider liegt über dem Slide Content der reinkommt.
Versuche gerade ein Login Slide Toggle zu machen. Das jquery hat funktioniert war ja auch nicht so schwer nur mein css funktioniert noch nicht so ganz^^
Also:
Problem 1:
Wenn ich auf meine Seite gehe wird der "content" schon angezeigt obwohl display: none; ist!
Problem 2:
Der content soll nicht neber sondern direkt unter dem Login Button angezeigt werden!
Problem 3:
Das Bild vom Slider liegt über dem Slide Content der reinkommt.
HTML:
<div id="header"> <!--Habe den jetzt mal im css hier weggelassen-->
<div id="header_in">
<ul id="navi">
<li><a href="index.php">Home</a></li>
<li><a href="#">Iasda</a></li>
<li><a href="#">asda</a></li>
<li><a href="#">fffffff</a></li>
<li id="login_content">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum.
Stet clita kasd gubergren, no sea takimata sanctus est
</p>
</li>
<li><a href="#" class="button" id="login"/>Login</a></li>
</ul>
</div>
</div>
Code:
#header_in {
width: 1000px;
height: 50px;
margin: 0px auto;
}
#navi {
margin: 0px;
padding: 18px 20px 15px;
}
#navi li {
display: inline;
list-style-type: none;
margin: 0 20px 0 0;
}
#login_button {
float: right;
}
.button {
float: right;
width:80px;
background-color:#469ef5;
color:#ffffff;
height:26px;
line-height:26px;
text-decoration:none;
text-align:center;
}
.button:hover {
background-color:#4197ee;
color: white;
}
#login_content {
float: right;
width:200px;
background-color: #469ef5;
display:none;
z-index: 999px;
}