Infobox exakt unter Button setzen

[erixschueler]

Hallo.
Ich bräuchte etwas Hilfe. Und zwar habe ich per CSS eine Infobox erstellt. Also bewegt man seine Maus über einen Button erscheint ein Feld worin sich weitere Infos befinden, in meinen Falle ein Login. Allerdings möchte ich nun das die Infobox genau unter den Button ist. Ich habe es mit <margin left> und <margin top> versucht, allerdings weicht dort die Verschiebungen jeweils von der Auflösung der HP ab. Mein Code sieht grad so aus:
HTML:

<a class="infotext"><input type="button" value="Login">

<span>
Darin befindet sich das Login
</span></a>

CSS:

a.infotext {
text-decoration: none;
}

a.infotext:hover {
background: ;
text-decoration: none;
}

a.infotext span {
visibility: hidden;
position: absolute;
left: 500px;
margin-top: 25px;
padding: 1em;
text-decoration: none;
}

a.infotext:hover span {
visibility: visible;
border: 3px solid #F00;
color: #000000;
background-image:url(bild4.jpg);
text-decoration: none;
width: 275px;
}




Ich hinterlasse noch einen Anhang wie ich möchte das es ungefähr aussehen soll (da ich es ja mit <margin> perfekt meiner Auflösung angepasst habe , habe ich ein Beispiel).

 

[Daaron]

Eins vorweg: Es gibt hier extra Code-Tags für HTML. Verwende sie...

<a class="infotext"><input type="button" value="Login">

<span>
Darin befindet sich das Login
</span></a>

Das ist schonmal kein valides HTML. <a> darf unter keinen Umständen weitere interaktive Elemente enthalten.

Und insgesamt: Dein Fehler ist, dass du deinem Hüll-Element kein "position:relative" gegeben hast.
Absolut positionierte Elemente positioniere sich...
a) absolut zum Seitenursprung, wenn nicht b) greift...
b) absolut zum nächsthöheren nicht-statischem Elternelement. (position:static; ist der Standard-Wert für Positionien).

 

[DaVian]

Hier stand Blödsinn

 

[Daaron]

<input> innerhalb eines <button> ist genauso falsch. Keine Verschachtelung von interaktiven Elementen.

 

[DaVian]

Ja vorhin grad nochmal nachglesen ;-) deshalb gleich wieder weggegeben

 

[erixschueler]

Ok danke. Ich hab es hinbekommen