• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

a:hover a:active Problem

S

SpecialFighter

Neues Mitglied
Hallo alle zusammen.

ich habe einen Div container mit folgenden CSS eingeschaften:

Code: 
.tabsmenuclass a{
display: block;
padding: 12px 0 0 14px;
color: #7C7F85 !important;
width: 150px;
height: 38px;
font-style: italic !important;
background-image:url(../images/menuBg.png); 
background-repeat: no-repeat; 
text-decoration: none;
font: bold 13px Arial;
margin-bottom: 30px;
}


.tabsmenuclass a:hover {
color: #000 !important;
background-image:url(../images/menuBg_active.png); 
background-repeat: no-repeat; 
}

.tabsmenuclass a:active {
color: #000 !important;
background-image:url(../images/menuBg_active.png); 
background-repeat: no-repeat; 
}

bis auf die a:active klappt es super.
sprich der div container hat die bg image menuBG.png und beim hover erscheint die menuBG_active.

Jetzt möchte ich aber das der div container die menuBG_active anzeigt wenn man in angeklickt hat.
wo liegt da der Fehler?
 
Ergänze noch

Code: 
.tabsmenuclass a:focus {
color: #000 !important;
background-image:url(../images/menuBg_active.png); 
background-repeat: no-repeat;
}

und schau dir die beiden Links an um den Unterschied zwischen active und focus zu erkennen.
 
Wenn ich das hier

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Beispiel</title>
<style type="text/css">
a { background-color: #000; }
a:hover { background-color: #fff; }
a:active { background-color: red; }
</style>
</head>
<body>
<a href="http://www.html.de">Linktitel</a>
</body>
</html>

im FF anschaue, dann ist der Link schwarz hinterlegt, bei Mouseover weiß und wenn ich ihn anklicke und bevor ich ihn wieder loslasse rot hinterlegt.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben