Mit :target Login form öffnen

  • Morgen zusammen,

    ich habe ein problem. Ich möchte wenn man auf ein verlinktes Bild klickt, dass sich ein Loginbereich öffnet und wenn man dann auf das kreuz klickt dieses wieder schließt.

    Ich habe schon einiges ausprobiert aber ich weiß nicht warum das nicht funktioniert..

    Anbei meine Dateien:

    Freue mich auf eure Hilfe!

    Stef

    Einmal editiert, zuletzt von Stef (17. Juli 2016 um 09:46)

  • CSS GEÄNDERT

    Code
    #loginauf:target 
    {
        display: block;
    }
    #loginauf
    {
        display:none;
    }

    HTML GEÄNDERT

    Code
    <div id="loginauf" class="login">

    Du solltest besser input mit :checked nutzen.

  • Hey,

    vielen Dank, funktioniert alles.

    input mit checked ?

    Eine Frage:
    Mit dem css teil sagt man ja, wenn das verlinkt bild geklickt ist dann soll sich die loginform öffnen. Und das der #loginauf teil (die loginform) erst dargestellt wird wenn man das verlinkte Bild klickt.

    Nun aber, was ist denn mit dem Kreuz zum abbrechen. Wenn man dieses jetzt klickt dann wird die loginform nicht mehr dargestellt.

    Ich tuh dieses Kreuz zum abbrechen aber garnicht ansprechen.. warum schließt sich dann trotzdem die loginform ?

    Stef