[gl_nord]

Hallo an die Forum-Besucher!

An folgendem Punkt komme ich mit meiner Navigation nicht weiter und brauche mal einen kurzen Denkanstoss, da ich nicht mehr weiß, ob ich noch auf dem richtigen Weg bin.

Link zur Seite

Hover zeigt farbiges Logo "NMCG" an.
farbiges Logo soll stehen bleiben beim Auswählen eines Links unterhalb dieses Logos sowie des Logos selbst.

a#kontakt{
display:block;
width:200px;
height:59px;
background: transparent url(../../images/nwg_web_logo.gif) 0px -0px no-repeat;
text-indent:-9000%;
}

a:hover#kontakt{
background: transparent url(../../images/nwg_web_logo.gif) 0px -57px no-repeat;
}


farbiges Logo bleibt stehen, nachdem das Logo geklickt wurde.

Nun soll beim Wechsel der Navigation z.B. auf das 2. Logo von links dieses farbig erscheinen und das Logo ganz links wieder grau.

a#kontakt{
display:block;
width:200px;
height:59px;
background: transparent url(../../images/nwg_web_logo.gif) 0px -0px no-repeat;
text-indent:-9000%;
}

a:hover#kontakt, a:active#kontakt, a:visited#kontakt{
background: transparent url(../../images/nwg_web_logo.gif) 0px -57px no-repeat;
}

haut aber mit

a:active#kontakt, a:visited#kontakt

nicht so hin, wie ich mir das denke. Dann bleibt das Logo ja immer farbig, auch wenn ich weiter rechts navigiere.

Ich bin daher dankbar für jegliche Hilfestellung.
Danke schön!

Gérard

[heiko_rs]

Denkanstoß: Das Element heißt a#kontakt, erst dann kommt die Pseudoklasse hinzu.

[gl_nord]

Danke heiko_rs für den Hinweis!

a:hover, a:visited, a:active {
background: transparent url(../../images/nwg_web_logo.gif) 0px -57px no-repeat;
}

so klappt es nicht.

a#kontakt a:hover, a#kontakt a:visited, a#kontakt a:active {
background: transparent url(../../images/nwg_web_logo.gif) 0px -57px no-repeat;
}

und so leider auch nicht.

Ich blicke nicht mehr durch
;-(

[heiko_rs]

Zitat von gl_nord

a:hover, a:visited, a:active {
background: transparent url(../../images/nwg_web_logo.gif) 0px -57px no-repeat;
}

so klappt es nicht.

Natürlich nicht - zu geringe Spezifität.

Zitat von gl_nord

a#kontakt a:hover, a#kontakt a:visited, a#kontakt a:active {
background: transparent url(../../images/nwg_web_logo.gif) 0px -57px no-repeat;
}

und so leider auch nicht.

Natürlich nicht - es sind ja keine weiteren Links in Deinen Links enthalten.

a#kontakt:hover

[emti]

5.7 Hyperlinks gestalten - Little Boxes - Webseiten gestalten mit HTML und CSS (von Peter Müller)

[heiko_rs]

Dort findet er die Lösung nicht - sein Problem sind seine falschen Selektoren. Aber den richtigen habe ich ihm ja bereits geschrieben.

[emti]

Habe aber das Gefühl, dass das Grundverständnis der Pseudoklassen nicht bekannt ist. In diesem Falle der Hyperlinks.