CSS mouse active Rahmen Problem

Diskutiere mit über: CSS mouse active Rahmen Problem im Web Page Design Forum

  1. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Registriert seit:
    30.07.2004
    Hallo Forum,
    ich verstehe das nicht, vielleicht könnt Ihr mir helfen:

    Innerhalb eines Menüs hätte ich gerne bei hoover einen Farbwechsel und einen Rahmen um den Menüpunkt. Soweit so einfach.
    Aber ich hätte gerne auch das der Rahmen solange bleibt bis ich einen neuen Menüpunkt klicke. - Mit a:active bekomme ich das nicht hin!!? Aber wer kann mir sagen warum?

    Code:
     
    
       ul#Navigation {
        font-size: 0.88em;
        float: left;
        text-align: right;
        width: 12em;
        margin: 0;
        padding: 0;
        background-color:#F7FE3F;
      }
      ul#Navigation li {
        list-style: none;
        margin: 0; padding: 0.5em;
            }
    
       ul#Navigation a {
        padding: 0.2em;
        font-weight: bold;
    	 border:1px solid #F7FE3F;
      }
      
      
      ul#Navigation a:link {
            text-decoration:none; color:#000000;  }
    
      ul#Navigation a:visited {
       text-decoration:none; color:#838383;  }
    
      ul#Navigation a:hover {
            color:#FF5500; border:1px solid red;  }
    
      ul#Navigation a:active {
      color:#FF5500; border:1px solid red;}
    
      ul#Navigation a:focus{color:#FF5500; outline: none;}
    
    
    Danke Euch!
    Kai
     
  2. moses_78

    moses_78 MacUser Mitglied

    Beiträge:
    1.322
    Zustimmungen:
    22
    Registriert seit:
    08.04.2005
    Ist doch klar, dass du den Active-Status nicht sehen
    kannst, wenn der Active-Status und der Hover-Sta-
    tus identisch sind :p

    Nur so zur Verdeutlichung: ":active" ist nur in dem
    Moment sichtbar, indem du auf den Link klickst. Da
    du den Link aber "gehovert" haben musst, um ihn
    anzuklicken, ist der Effekt nicht sichtbar :)
     
  3. kaifreund

    kaifreund Thread Starter MacUser Mitglied

    Beiträge:
    52
    Zustimmungen:
    0
    Registriert seit:
    30.07.2004
    *rotwerd*
    oh jau...
    peinlich.

    Hast Du auch ne Idee wie ich das Gewünschte mit CSS erzeugen kann - (Rahmen bleibt solange bis ich mit der Maus einen anderen Menüpunkt klicke)

    Gruss
    Kai
     
  4. Jakob

    Jakob MacUser Mitglied

    Beiträge:
    1.067
    Zustimmungen:
    21
    Registriert seit:
    05.01.2004
    Geht mit purem CSS nicht. Mit JavaScript hingegen schon.

    onfocus und this.style sind Deine Freunde.
     
  5. 2nd

    2nd MacUser Mitglied

    Beiträge:
    8.902
    Zustimmungen:
    242
    Registriert seit:
    25.07.2004
    Geht meiner Meinung nach schon mit CSS/XHTML. Habe ein schnelles Bsp. unten angehängt. Mit etwas PHP läßt sich das ganze noch eleganter verpacken.

    2nd
     
  6. hobbyuser

    hobbyuser MacUser Mitglied

    Beiträge:
    28
    Zustimmungen:
    0
    Registriert seit:
    31.12.2005
  7. Jakob

    Jakob MacUser Mitglied

    Beiträge:
    1.067
    Zustimmungen:
    21
    Registriert seit:
    05.01.2004
    @2ndreality: Wir reden über zwei verschiedene Sachen. Klar kann man einfach eine neue Seite laden und dort dann demjenigen Menüelement eine andere Klasse/ID geben. Mit meiner Lösung meinte ich aber ein Beispiel, bei dem keine neue Seite geladen wird, sondern wirklich Bereiche ausgetauscht oder andersfarbig gestaltet werden. Ohne Reload oder neue Seiten.

    @hobbyuser: Die SelfHTML-Seite ist mir bekannt, inwiefern soll sie eine Lösung darstellen?
     
  8. 2nd

    2nd MacUser Mitglied

    Beiträge:
    8.902
    Zustimmungen:
    242
    Registriert seit:
    25.07.2004
    Das es mehrere Lösungen für das Problem gibt ist mir durchaus bewußt. Deswegen habe ich auch oben geschrieben, dass es mit PHP eleganter geht. Ist halt die Frage, ob das nötig ist, bei kleinen Projekten eher nicht.

    JS ist clientseitig, man hat keine Kontrolle darüber als Verantwortlicher, deswegen würde ich immer der serverseitigen Lösung den Vorzug geben ;)

    2nd
     
Die Seite wird geladen...
Ähnliche Themen - CSS mouse active Forum Datum
CSS Selektor - Leerzeichen Web Page Design 12.09.2015
lokale css-Anweisung für macuser.de? Web Page Design 21.07.2015
Auslagerung von Klassen in CSS-File Web Page Design 02.04.2015
CSS Problem mit Breiten von ul/li Web Page Design 07.10.2014
CSS: Styling von Abonnieren-Feld Web Page Design 20.08.2014

Diese Seite empfehlen

Benutzerdefinierte Suche