ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Login Button Problem

Geschlossen
  1. #1
    User Pic
    SWaTcHOnER Mitglied
    Registriert seit
    04.01.2007
    Beiträge
    86
    Beitragswertungen
    0 Beitragspunkte
    Guten Tag!

    Ich häng gerade an einem Fehler der wahrscheinlich ganz einfach zulösen ist aber ich komm einfach nich drauf.
    Also ich möchte in der Loginbox ein login button mit css mouseover drin haben was auch funktionert nur wen ich dem Submit button die class des mouseover gebe passiert nichts , ändere ich den typ von submit auf image verliert der button seine funktion.

    auf der seite seht Ihr nun 2x login buttons der erste ist mit dem code drin:

     <a href="#" onClick="submit()" name="user_login_sub" class="cssmouseover" style="background-image: url('include/designs/gssp/Bilder/login.png');"></a>


    bei der variante bekomme ich es nicht hin das es den Login absendet aber da funktioniert der Effekt.


    <input type="submit" name="user_login_sub" value="" class="cssmouseover" style="background:url(include/designs/gssp/Bilder/login.png);width:77px;height:49px;"/>


    bei der variante mit dem input tag bekomm ich wiederum den effect nicht hin aber das einloggen funktioniert.

    Vielleicht könnt ihr mir sagen was ich falsch mache.

    style.css:
    a.cssmouseover {
    display:block;
    width:77px;
    height:49px;
    background-image:url(include/designs/gssp/Bilder/login.png);
    background-position:0px 0px;
    }
    a.cssmouseover:hover {
    background-position:0px -49px;
    }



    betroffene Homepage: externer Link


    Zuletzt modifiziert von SWaTcHOnER am 15.02.2013 - 14:43:54
    ,___,
    [O.o] Rechtschreibfehler sind Spezialeffekte
    /)__) meiner Tastatur!
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Mikro Mitglied
    Registriert seit
    05.10.2011
    Beiträge
    237
    Beitragswertungen
    21 Beitragspunkte
    a.cssmouseover heist soviel alle <a ... mit class cssmouseover werden angesprochen.

    <input ist nicht <a also musst du das a bei a.cssmouseover wegmachen.


    noch besser die classe in login_btn umbenennen.


    <input type="submit" name="user_login_sub" value="" class="login_btn" />


    .login_btn {
    display:block;
    width:77px;
    height:49px;
    background-image:url(include/designs/gssp/Bilder/login.png);
    background-position:0px 0px;
    }
    .login_btn:hover {
    background-position:0px -49px;
    }
    Wer Rechtschreibfehler findet darf sie behalten!
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    SWaTcHOnER Mitglied
    Registriert seit
    04.01.2007
    Beiträge
    86
    Beitragswertungen
    0 Beitragspunkte
    Danke erstmal Mikro für die Antwort.

    Ich hab es jetzt so drin, nun hab ich nur noch ein weises fenster auf das ich klicken kann aber der effect fehlt schau es dir am besten selbst mal an.


    Zuletzt modifiziert von SWaTcHOnER am 15.02.2013 - 15:28:31
    ,___,
    [O.o] Rechtschreibfehler sind Spezialeffekte
    /)__) meiner Tastatur!
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Mikro Mitglied
    Registriert seit
    05.10.2011
    Beiträge
    237
    Beitragswertungen
    21 Beitragspunkte
    Dein pfad zu deinem Bild ist falsch,

    background-image:url(include/designs/gssp/Bilder/login.png);
    ändern in:
    background-image:url(Bilder/login.png);
    Wer Rechtschreibfehler findet darf sie behalten!
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    SWaTcHOnER Mitglied
    Registriert seit
    04.01.2007
    Beiträge
    86
    Beitragswertungen
    0 Beitragspunkte
    Vielen Dank funktioniert!
    ,___,
    [O.o] Rechtschreibfehler sind Spezialeffekte
    /)__) meiner Tastatur!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten