✔ hover-Effekt verschwindet

Status
Nicht offen für weitere Antworten.
M

MSinistar

Grünschnabel
Hallo,

ich habe ein Menü mit CSS gestaltet. Hab hier mal einen Ausschnitt vom Quelltext:

HTML: 
<head>
 <style type="text/css>
  .button_team
  {
   display: block;
   width: 250px;
   height: 60px;
   backgorund:url(button/team.jpg);
  }
  .button_team:hover
  {
   display: block;
   width: 250px;
   height: 60px;
   backgorund:url(button/team.jpg);
  }
  .button_team:active
  {
   display: block;
   width: 250px;
   height: 60px;
   backgorund:url(button/team.jpg);
  }

  .button_test
  {
   display: block;
   width: 250px;
   height: 60px;
   backgorund:url(button/test.jpg);
  }
  .button_test:hover
  {
   display: block;
   width: 250px;
   height: 60px;
   backgorund:url(button/test.jpg);
  }
  .button_test:active
  {
   display: block;
   width: 250px;
   height: 60px;
   backgorund:url(button/test.jpg);
  }
.
.
.
.
 </style>
</head>

<body>
<a href="team.html" target="Anzeige" class="button_team"></a>
<a href="test.html" target="Anzeige" class="button_test"></a>
.
.
.
</body>

Der hover und active -Effekt funktioniert einwandfrei.
Sobald ich einen Link aktivert hab wird das "select-jpg" (z.B. "team_selct.jpg) angezeigt, was ja auch korrekt ist, aber wenn ich irgendwo auf der website (kein Link, nur "leere" Fläche) einen Klick mache verschwindet der active-Effekt von dem Link! Dieser soll aber erst verschwinden wenn ein "echter" Link angeklickt wird!

Ist dies möglich oder brauche ich dafür Javascript?:confused:

Was anderes ist, dass der gewünschte active-Effekt in Mozillas Firefox nicht funktioniert! Woran kann das liegen

Vielen Dank schonmal für eure Hilfe!
Grüßle
 
Das bekommst du nur mit Javascript hin....sobald du irgendwo hinklickst, verliert der Link den Fokus....somit verliert der Selector :focus die Wirkung für den Link.
 
Hallo,

das dachte ich mir, ich hab auch schon versucht das ganze in Javascript zu machen!

Da hatte ich folgendes Problem:

Sobald ich über einen Link fahre (mouseover) wird mir das "select.jpg" angezeigt und wenn ich draufklicke auch! Aber sobald ich über einen anderen Link fahre (nicht klicken), verliert der erste den "select"- Effekt!

Hast du vielleicht eine Ahnung wie ich das unterdrücken kann?

Grüße
 
Ja,

aber ich will ja, dass der Link wieder in seinen Urzustand kommt, sobald ein anderer Link angeklickt wird!

Wenn ich :visited mache, dann bleibt der Link doch "selected", oder?
 
Es sollten alle Pseudoklassen genannt / notiert werden.

Code: 
a.button_team:link { }
a.button_team:visited { }
a.button_team:hover { }
a.button_team:active { }
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück