nicht angemeldet
Moin,
Ich bin gerade dabei eine neue Seite für mich zu coden, nun wollte ich ein schönen Popup per CSS machen, und dort eine Login Form + Registrier link einfügen. Login Form ist kein Problem, Registriert link funktioniert aber leider nicht.. Wenn ich über das Bild fahre (der den Popup öffnen soll) verschwindet der Registrier-Link weit nach unten im Design. Wenn ich nicht über das Bild fahre befindet sich der Registrier Link unter dem "Button-Bild". Der Registrier-link soll eigendlich mit in das Popup.
Hier mal der Code:
HTML-Code:
<a href="#" onfocus="this.blur()">
<img src="images/design/trans_login.gif" width="60" height="22" border="0" />
<span class="infobox">
<form action="" method="post">
Name: <input name="name" type="text" /><br />
Passwort: <input name="password" type="password" value="" /><br />
<input name="send" type="button" value="Login" />
</form>
</span>
</a>
CSS Classes:
.menue {
float: left;
width: 502px;
}
.menue a:link {
width: 502px;
font-size:12px;
display: block;
color: #000;
text-align: right;
}
.menue a:visited {
color: #8e0404;
}
.menue a:active {
color: #8e0404;
}
.menue a:hover {
color:#8e0404;
}
.menue a .infobox {
display: none;
}
.menue a:hover .infobox {
background-image: url('login.png');
background-repeat: no-repeat;
width: 229px;
min-height: 220px;
color: #8e0404;
display: block;
margin-right: 150px;
margin-top: -25px;
padding-right: 35px;
padding-top: 20px;
text-align: right;
}
Ich hoffe mir kann jemand von euch helfen, Vielen Dank im Voraus!
Mit freundlichen Grüßen,
Branco
PS: was mich noch interessieren würde ist, wie ich das CSS so umprogramiere, das man auf das Bild draufklicken muss damit das Popup aufgeht, also nicht nur darüber fahren muss.