Ergebnis 1 bis 4 von 4

Thema: Dropdown bei Tastatur-Focus

  1. #1
    Der Gast
    Gast

    Standard Dropdown bei Tastatur-Focus

    Hallo Community!

    Ich möchte für meine Site die CSS-Navi von http://www.ohne-css.gehts-gar.net/0066.php benutzen.
    Funktioniert auch einwandfrei - nur die Navigation lässt sich nicht wirklich mit der Tastatur steuern

    Dachte erst dass es an display:none liegt bei
    HTML-Code:
    /*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
    #menu ul ul {
    position: absolute;
    z-index: 2;
    display: none;
    }
    
    /*--lässt die Dropdown-Links beim Hovern erscheinen--*/
    #menu ul li:hover ul {
    display: block;
    }
    ich habe das folgendermaßen geändert:
    HTML-Code:
    /*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
    #menu ul ul {
    position: absolute;
    z-index: 2;
    left:-10000px;
    top:auto;
    overflow:hidden;
    } 
    
    /*--lässt die Dropdown-Links beim Hovern erscheinen--*/
    #menu ul li:hover ul {
    display: block;
    left:0;
    }
    Das funktioniert noch nicht, klar, da muss noch was mit "focus" rein, aber ich weiss nicht wie ich das da einbauen muss.
    Die h3-Elemente ersetze ich durch normale Links - vielleicht lässt sich damit ja noch was bauen...

    Kann mir jemand helfen?

    Freundliche Grüße
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: Dropdown bei Tastatur-Focus

    Zusätzlich zu dem #menu ul li:hover ul brauchst du einfach noch ein #menu ul li:focus ul, also etwa so:

    Code:
    /*--lässt die Dropdown-Links beim Hovern erscheinen--*/
    #menu ul li:hover ul,
    #menu ul li:focus ul
    {
        display: block;
        left:0;
    }

  3. #3
    Der Gast
    Gast

    Standard AW: Dropdown bei Tastatur-Focus

    Hallo,

    Dank für die Antwort, funktioniert leider so nicht.

    Auch alle anderen Versuche das Teil mit Tastatur zum Laufen zu bringen.

    Bin hier mal auf ne Seite gestoßen, bei der so eine Navigation auch mit Tastatur funktioniert.
    Ist aber ne JavaScript-Lösung und bei deaktivierten js nichtmehr benutzbar.
    Also unbrauchbar für meine Zwecke: http://www.papoo.de/

    Geht das wirklich nur mit js?

    Grüße

  4. #4
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: Dropdown bei Tastatur-Focus

    Funktioniert doch problemlos mit Tab. Wenn du eine eigene Steuerung, mit Pfeiltasten oder so, einbauen willst, dann musst du dich mit JavaScript versuchen.

Ähnliche Themen

  1. focus
    Von Dicker1 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 22.12.2008, 18:38
  2. 2 Fragen: Focus & positionierung
    Von Valker im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 20.08.2008, 15:38
  3. focus=select
    Von MTodtenhaupt im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 04.06.2008, 17:39
  4. [java] focus listener
    Von cookie im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 19.06.2006, 15:44
  5. Focus ans PopUp
    Von simcon94 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 12.08.2004, 11:33

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •