a:hover a:active Problem

html.de-Forum HTML, XHTML & CSS
1

Hallo alle zusammen.

ich habe einen Div container mit folgenden CSS eingeschaften:

.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?

2

Setze die Eigenschaften mal beim :focus. Siehe:
:active: Aktiviertes Element: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
focus: Fokus: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

3

was meinst du damit?

welche Eigenschaften?
wie soll der Code deiner Meinung nach aussehen`?

4

Ergänze noch

.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.

5

ich kenne den unterschied zwischen acitve und focus.
aber focus hilft mir hier jetzt gar nicht weiter.

6

Hast Du mal einen Link zur betreffenden Seite parat?

7

okay hat sich erledigt.

habe es jetzt einfach mit php gelöst ^^

8

Wenn ich das hier

[code]

Beispiel a { background-color: #000; } a:hover { background-color: #fff; } a:active { background-color: red; } Linktitel [/code]

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.