Link cambia immagine solo quando clicco nella stessa pagina

[tabarto]

Ciao a tutti ho il seguente problema uso dei css per cambiare l'immagine di un pulsante quando viene cliccato un link.
Tutto funziona bene se non fosse che il link apre una pagina in un altra are di un frame.
Della serie il link con il css associato e' in A (di un frame) e apre la pagina x.asp in B (un altro frame dello stesso frameset)
Ecco il css:
a#smiley {
width: 79px;
height: 25px;
background-image: url(images/1D.jpg);
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
a#smiley:link {
width: 79px;
height: 25px;
background-image: url(images/1DGreen.jpg);
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
a#smiley:hover {
width: 79px;
height: 25px;
background-image: url(images/1DGreen.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
a#smiley:active {
width: 79px;
height: 25px;
background-image: url(images/1DGreen.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
Se clicco in qualsiasi punto della pagina mi cambia l'immagine da "1DGreen.jpg" a "1D.jpg".
Come faccio a far si che il css si attivi solo quando clicco su A e non su B???
Grazie per l'aiuto ciao
tabarto

[Mich_]

C'e` un po' di confusione in quello che dici.

Anzitutto i CSS possono cambiare qualche caratteristica solo all':hover. Il click non attiva modifiche CSS.
Da quanto dici, mi fa pensare ad un JS, che agisce sulla pagina, ma che non citi nella domanda.

Inoltre il codice postto si puo` semplificare notevolmente:

a#smiley {
  width: 79px;
  height: 25px;
  /* background-image: url(images/1D.jpg);*/
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
a#smiley:link {
  background-image: url(images/1DGreen.jpg);    /* sicuro che qui non volevi il file 1D.jpg? */
}
a#smiley:hover, a#smiley:active {
  background-image: url(images/1DGreen.jpg);
}

Il CSS per a#smiley e quello per a#smiley:link agiscono "a riposo"; non e` necessario specificarli ambedue, ma se vuoi una cosa piu` razionale puoi specificare le caratteristiche "fisse" nel primo e quelle "che cambiano" nel :link.
Mancherebbe anche il codice per il :visited, che puoi specificare diverso o uguale al :link e va posizioniato dopo il :link.

Se hai altri problemi, posta anche il codice HTML del link e del blocco che lo contiene

[tabarto]

ciao hai ragione c'e' un po' di confusione in quello che dico perche' non so con cosa risolvere il mio problema. Ho cercato su internet e mi sa che la soluzione non e' con i css ma bensi' con il javascript o similare.
Qualcuno a qualche suggerimento?
devo fare in modo che il pulsante cambi solo quando clicco un altro pulsante e non quando clicco da qualsiasi parte....
IDEE???
ciao e buona giornata

[tabarto]

Ciao qualcuno sa darmi dei consigli riguardo il mio problema?
Grazie e buona giornata