Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 19.04.2011, 14:06
narjin narjin ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.04.2011
Beiträge: 2
narjin befindet sich auf einem aufstrebenden Ast
Standard Dropdown - Hover-Effekt verschwindet

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
Mit Zitat antworten
Sponsored Links