[RISOLTO] link attivo

[LadyK]

salve ho creato un submenu a sinistra delle mie pagine .

nel css sta posizionato dentro il div con id=leftcolumn

vorrei che quando l'utente si trovi in una pagina il link sia attivo

ho provato ad aggiungere

#leftcolumn a:active{
color:#ffffff;}

ma nulla...qualcuno mi suggerisce qcs?dove sbaglio?

[stefano.fenati]

salve ho creato un submenu a sinistra delle mie pagine .

nel css sta posizionato dentro il div con id=leftcolumn

vorrei che quando l'utente si trovi in una pagina il link sia attivo

ho provato ad aggiungere

#leftcolumn a:active{
color:#ffffff;}

ma nulla...qualcuno mi suggerisce qcs?dove sbaglio?

nel css inserisci ul.menu li.active {color:#ffffff;}

[LadyK]

ciao grazie per la tua risposta

ho inserito il tuo codice ma non mi fa il testo linkabile di colore bianco, però ho inserito all'interno del tuo codice l'immagine di sfondo che ho per l'hover e funziona:

#leftcolumn ul.menu li.active {
color:#ffffff;
background: url(../images/sfondo_leftcolumnHover.png) top left repeat-x;
}

solo che vorrei che anche il testo cambiasse colore ......

[stefano.fenati]

come per l'immagine di sfondo anche il colore del testo dovrebbe funzionare.
Mi viene da pensare che nel file css ci sia qualcosa che successivamente vada a modificare il colore del testo. Sarebbe bene verificare tramite uno strumento con cui controllare le proprietà impostate del css. Io utilizzo "ispeziona elemento" di chrome, ma anche firefox ha dei plugin che fanno la stessa cosa.

[LadyK]

ciao ti copio il codice relativo a leftcolumn così mi saprai dire meglio dove metterci mano

Codice: [Seleziona]

#leftcolumn {
padding-left: 4px;
padding-right:10px;
margin: 0;
width: 20%;
float:left;

}

#leftcolumn ul{
margin: 0;
  padding: 0;
  list-style:none;
  background:#e7e7e7;

}

#leftcolumn li {

height:30px;
margin: 0;
padding-top:0;
padding-bottom:0;
background: url(../images/sfondo_leftcolumn.png) top left repeat-x;
}
#leftcolumn li:hover{

background: url(../images/sfondo_leftcolumnHover.png) top left repeat-x;
margin: 0;
padding-top: 0;
padding-bottom:0;
height:30px;
}

#leftcolumn ul.menu li.active {

background: url(../images/sfondo_leftcolumnHover.png) top left repeat-x;
}

#leftcolumn ul.menu a.active {
color:#ffffff;

}






#leftcolumn a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;

  height: 24px;
  line-height: 24px;
  padding: 4px 12px;
  color: #454343;
  text-decoration: none;
}

#leftcolumn a:hover{
color:#ffffff;
}

[stefano.fenati]

ho preso solo parti dove viene definita la proprietà color (colere del testo)
#leftcolumn ul.menu a.active {color:#ffffff;} 
#leftcolumn a {  color: #454343; }
#leftcolumn a:hover{color:#ffffff; }

il testo dei link contenuti in leftcolumn è normalmente #454343.
quando sposti il mouse sopra al link del menu, diventa #ffffff
il link con la classe active è di colore bianco (menu corrente).

aggiungerei #leftcolumn a:visited, a:link {  color: #454343; }

cosi fatto non dovrebbe esserci problema.
sicuro che non ci siano altre classi?

[LadyK]

ok ho risolto

dovevo aggiunger qs riga di codice

#leftcolumn li a:hover, #leftcolumn li.active a {
   color: #ffffff;
}

grazie per il tuo tempo

[stefano.fenati]

ottimo.