Liebe Communtiy,
ich hab eine Site mit einem Menüpunkt "Login" der ich ein Dropdownmenü gegeben habe um dort das Login-Forumlar, usw. zu hinterlegen.
Nun hat der Menüpunkt "Login" einen Hover-Effekt. Dieser verschwindet sobald ich aus dem Menüpunkt in die Dropdown-Box fahre.
Ich möchte aber das er bleibt.
Mein CSS:
Code:
.drop a.login-link{
position:absolute;
top:1px;
right: 181px;
text-transform:none;
z-index:10;
font-size: 14px;
display:block;
color:#47647b;
cursor:pointer;
padding:14px 10px 14px 17px;
}
.drop a.login-link:hover {
background:url(../images/bg-nav-l.png) no-repeat;
text-decoration: none;
}
.drop:hover .drop-holder {
display: block;
}
.drop-holder{
display: none;
position: absolute;
width: 575px;
height: 225px;
top: 37px;
background-color: #fff;
z-index: 99;
margin: 0 28px;
padding: 58px 90px 26px 66px;
}
Mein HTML:
HTML-Code:
<div class="drop">
<a href="fileadmin/templates/html/startseite/login.html" class="login-link" style="color: #A8101B;">
<strong>LOGIN</strong>
</a>
<div class="drop-holder">
<div id="login"><div class="tx-felogin-pi1">
<div class="login-form">
<div class="title-box">
<h1>Logout</h1>
</div>
<p></p>
<form action="willkommen-login.html" method="post" class=" logout">
<fieldset>
<input type="hidden" name="logintype" value="logout" />
<input type="hidden" name="pid" value="178" />
<div class="login-field">
<p>Das ist Ihr aktueller Status:</p>
<p>Benutzername:</p> <div class="username"><p>test</p></div>
</div>
<input type="submit" name="submit" class="btn-submit btn-login" value="Logout" />
</fieldset>
</form>
</div>
</div>
</div>
Ich danke für jede Hilfe.
Mit freundlichen Früßen,
narjin