include php e css

[lcrimail]

Ho una pagina in php che contiene iclude e richiama altre pagine.
In pratica un menu a sinistra un header, un footer e la parte centrale.
Ho creato un file .css che contiene questo codice:

.link_menu_biblio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
	a:active { text-decoration: none }
a:link  { color: #666; text-decoration: none }
a:visited  { color: #666; text-decoration: none }
a:hover  { color: #ff6905}
}
.link_interno_biblio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #ba4d05;
	a:link  { color: #ba4d05; text-decoration: none }
a:visited  { color: #ba4d05; text-decoration: none }
a:hover  { color: #ff6905}
}
.titolo_capitolo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}

.link_menu_biblio deve applicare il tutto a link dell'include del menu.
.link_interno_biblio deve applicare il tutto a link della parte centrale della pagina.

I colori li applica bene, grigio al link del menu mentre arancione al link centrale ma mi dà problemi sugli a:hover, in pratica non cambia al mouse over.

Dove sbaglio?

[Alberto]

devi definire due classi per i link, come fai tu definisci 2 volte il comportamento del tag a in 2 modi diversi, e ovviamente non succede niente...

esempio..

a.classe:link{}
a.classe:hover{}

a.classe2:link{}
a.classe2:hover{}

dove classe è il nome della prima classe e classe2 è il nome della seconda classe

[lcrimail]

nn ho ben capito

Facendo riferimento al codice sopra potresti modificarlo dove è errato?

[Alberto]

.link_menu_biblio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #666666;

a.classe:link { color: #666; text-decoration: none }
a.classe:hover { color: #ff6905}
a.classe:visited { color: #666; text-decoration: none }
a.classe:active { text-decoration: none }
}
.link_interno_biblio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #ba4d05;
a.classe2:link { color: #ba4d05; text-decoration: none }
a.classe2:hover { color: #ff6905}
a.classe2:visited { color: #ba4d05; text-decoration: none }
}
.titolo_capitolo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
}

[lcrimail]

Non cambia nulla.
Al link associo link_interno_biblio ma non fa l'hover

Ripeto:

#questa parte  è associata ai link dell'include del menù
.link_menu_biblio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #666666;

a.classe:link { color: #666; text-decoration: none }
a.classe:hover { color: #ff6905}
a.classe:visited { color: #666; text-decoration: none }
a.classe:active { text-decoration: none }
}


#fine parte associata ai link dell'include del menù

#questa che segue è associata invece alla parte centrale della pagina
.link_interno_biblio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #ba4d05;
a.classe2:link { color: #ba4d05; text-decoration: none }
a.classe2:hover { color: #ff6905}
a.classe2:visited { color: #ba4d05; text-decoration: none }
}

#questa che segue invece è un'altra cosa che permette di dare formattazione ad un sottotitlo
.titolo_capitolo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
}

Preciso che l'include menu e la parte centrale sono nella stessa pagina web.

[lcrimail]

ci sono riuscito associando al link lo stile classe e classe2, ma mi chiedo a sto punto a cosa serva dare un nome come link_menu_biblio

Il problema rimane ora nell'include del menu che non lo prende, rimansempre senza hover

[Alberto]

Aspetta, forse non ho capito io, ma mi sembra stiamo facendo un po' confusione.
Andiamo per gradi.

scrivendo

a:link{parametri}
a:hover{parametri}

definisci i parametri per i tag <a href="#"> , ma se hai due tag <a href="#"> non puoi avere 2 comportamenti diversi. Questo perché in questo modo stai definiendo il comportamento di tutti i tag <a>

Se definisci una classe

a.classe:link{parametri}
a.classe:hover{parametri}
a.classe2:link{parametri}
a.classe2:hover{parametri}

puoi avere due tag con due comportamenti diversi <a href="#" class="classe"> e <a href="#" class="classe2">

la classe .link_menu_biblio è una classe "statica", perché non è associata ad un link (a.nome_classe:link) quindi se definisci le classi per i link e poi gli associ una classe "statica" il il tuo link non avrà lo stato hover.

[lcrimail]

a.classe:link  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #666; text-decoration: none }
a.classe:hover  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #ff6905}
a.classe:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #666; text-decoration: none }
a.classe:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #666; text-decoration: none }


a.classe2:link  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #ba4d05; text-decoration: none }
a.classe2:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #ba4d05; text-decoration: none }
a.classe2:hover  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #ff6905}

Adesso è così ma associando classe ai link del menù e classe2 ai link del resto della pagina ho il seguente risultato:
i link del resto della pagina funzionano mentre quelli del menu non fanno l'hover.

[lcrimail]

Lo sai perchè non andava?
Perchè in classe la riga a.classe: hover era prima di a.classe: visited
L'ho messa dopo ed ora funziona

Grazie mille per il tuo aiuto

[Mich_]

OCCHIO ALL'ORDINE !!

L'ordine corretto e`:
:link (o senza pseudoclasse)
:visited
:hover
:active

Non e` obbligatorio metterli tutti, ma l'ordine e` importante.
Infatti nei CSS una dichiarazione successiva sovrascrive le precedenti, e quindi se un link e` stato visitato e ci sei sopra con il mouse, se la dichiarazione del :visited e` successiva all':hover la prima ha il sopravvento.