Cambio colore testo con foglio di stile CSS

[Estra]

Ho la necessità di far cambiare le scritte al passaggio del mouse,ho usato questo foglio di stile,l'unico problema è che se uno sue colori ad esempio #ffffff e #444444 al passaggio del mouse solo il colore #ffffff cambierà in #ffd200.Come posso fare in modo tale da far cambiare colore al testo anche quando il colore è #444444?

Questo è il codice css che ho usato.

<STYLE type=text/css>
A:LINK, A:VISITED {
color : #ffffff;
text-decoration : none;
}
A:HOVER {

color :#ffd200;
text-decoration : none;
}
</STYLE>

[Jerry Masslo]

nel tuo codice dove stà il secondo colore che dici? forse lo hai messo inline nello xthml? usa delle classi invece, pseudo classi si chiamano, ad esempio


a.altroColore {color:navy}
a.altroColore:hover {color:fuchsia}

e per richiamarlo nello xhtml invece di <a style="color..



<a class="altroColore" ...

questo va bene per qualche link altrimenti se il colore è differente in base all'elemento in cui sono i link allora è più conveniente procedere così:


.primoElemento a {color:red}
.primoElemento a:hover {color:maroon}

.secondoElemento a {color:green}
.secondoElemento a:hover {color:aqua}

in questo secondo caso non c'è bisogno di richiamare niente nei link, i link contenuti negli elementi di quelle classi si comporteranno come è specificato nel css

[Estra]

Originariamente inviato da Estra
Ho la necessità di far cambiare le scritte al passaggio del mouse,ho usato questo foglio di stile,l'unico problema è che se uno sue colori ad esempio #ffffff e #444444 al passaggio del mouse solo il colore #ffffff cambierà in #ffd200.Come posso fare in modo tale da far cambiare colore al testo anche quando il colore è #444444?

Questo è il codice css che ho usato.

<STYLE type=text/css>
A:LINK, A:VISITED {
color : #ffffff;
text-decoration : none;
}
A:HOVER {

color :#ffd200;
text-decoration : none;
}
</STYLE>

Praticamente io non ho mai usato i css,nella mia home page il testo ha colori diversi e con il codice che ho incollato tra il tag header nel file htm (quello che ho messo sopra) solo #ffffff quando ci passo sopra con il mouse diventa #ffd200,io invece ho la necessità che anche il colore di un testo diverso da #ffffff diventi #ffd200 al passaggio del mouse,come devo fare?

Ps Sono novizio quindi non ho molta idea sul da farsi

[Jerry Masslo]

vado per ipotesi perché è probabile uso di codice diverso in conflitto come codice immerso nello xhtml per formattare la pagina e potrebbe essere o css inline nel tag o anche altro codice html, i css rispettano (non sempre) gerarchie o ordine che assegnano la precedenza all css inline nel tag seguito dall'ultimo nella pagina che può anche essere l'utimo nell'ordine dei css esterni se non c'è niente prima, cioè se hai del codice inline css o no nel tag devi mettere mano a quello e non sempre è consigliato metterlo a quel modo appunto per difficoltà poi a modificarli, ciosè se hai un <a style="color:yellow.. devi modificare dentro il tag per cambiare precedenze e se ce l'hai in molte pagine devi farlo in tutte perdendo tutto il vantaggio dei css di distribuire formattazione e suoi cambi modificando solo il css e non dentro i tag in tutte le pagine

[Estra]

Originariamente inviato da Estra
Praticamente io non ho mai usato i css,nella mia home page il testo ha colori diversi e con il codice che ho incollato tra il tag header nel file htm (quello che ho messo sopra) solo #ffffff quando ci passo sopra con il mouse diventa #ffd200,io invece ho la necessità che anche il colore di un testo diverso da #ffffff diventi #ffd200 al passaggio del mouse,come devo fare?

Ps Sono novizio quindi non ho molta idea sul da farsi

Allora tanto per capirci,io ho solo il mio bell'index.htm nel quale tra i tag <header> e </header> ho messo questo:

<STYLE type=text/css>
A:LINK, A:VISITED {
color : #ffffff;
text-decoration : none;
}
A:HOVER {

color :#ffd200;
text-decoration : none;
}
</STYLE>

tramite il quale quando passo sul testo di colore #ffffff il testo diventa #ffd2200,il problema è che nel mio bell'index.htm nn ci sono solo testi di colore #ffffff.....quindi vorrei che anche i testi di altro colore diventassero #ffd200 al passaggio del mouse.

Spero di essere stato chiaro.

[Jerry Masslo]

per capire si era capito ma di come si vede la pagina nel browser interessa meno del codice usato per fare quei colori che continui a non dire e in ogni caso se il css è solo quello allora intervenire solo nel css non basta devi mettere mano ai tag coi colori assegnati lì, se non c'è niente altro nel css come dici

quello che non si era capito è che header non fosse una svista e che invece lo usi al posto di <head>

per header s'intende una testata ma non è un tag cioè <div class="header"> va bene ma è un nome proprio non un tag a meno che non stai usando xml ma da quanto scrivi non direi a meno che non siano tue le pagine

nel tuo codice c'è scritto che tutti i link o ancore in genere visited e no devono essere bianche (a meno di altre indicazioni con precedenza sul css nello head) e che al passaggio del mouse diventino l'altro colore, il codice non cerca quei colori nella pagina e li cambia, cerca i link che se hanno altre indicazioni con precedenza sul codice nello head se ne impipano e continuano a fare riferimento al comando nel tag

[Estra]

Originariamente inviato da Estra
Allora tanto per capirci,io ho solo il mio bell'index.htm nel quale tra i tag <header> e </header> ho messo questo:

<STYLE type=text/css>
A:LINK, A:VISITED {
color : #ffffff;
text-decoration : none;
}
A:HOVER {

color :#ffd200;
text-decoration : none;
}
</STYLE>

tramite il quale quando passo sul testo di colore #ffffff il testo diventa #ffd2200,il problema è che nel mio bell'index.htm nn ci sono solo testi di colore #ffffff.....quindi vorrei che anche i testi di altro colore diventassero #ffd200 al passaggio del mouse.

Spero di essere stato chiaro.

ho fatto casino,chiaramente il tag era head.Mi hanno passato il codice che ho scritto sopra ma purtroppo se i testi con link sono in bianco quando ci passo con il mouse sopra cambiano colore,se invece il colore è diverso dal bianco non cambiano.Da quello che mi hai detto ho capito che c'è una sorta di gerarchia...cosa mi consigli di fare?

<STYLE type=text/css>
A:LINK, A:VISITED {
color : #ffffff;
text-decoration : none;
}
A:HOVER {

color :#ffd200;
text-decoration : none;
}
<
A:LINK, A:VISITED {
color : #000000;
text-decoration : none;
}
A:HOVER {

color :#ffd200;
text-decoration : none;
}

</STYLE>

[Jerry Masslo]

a parte farti vedere? :maLOL:

sto a scherzà

devi mettere anche il codice html altrimenti c'è poco da fare e se non ne sai niente e te lo hanno solo passato allora qualunque cosa potrebbe diventare complicata

[Estra]

Originariamente inviato da Estra
ho fatto casino,chiaramente il tag era head.Mi hanno passato il codice che ho scritto sopra ma purtroppo se i testi con link sono in bianco quando ci passo con il mouse sopra cambiano colore,se invece il colore è diverso dal bianco non cambiano.Da quello che mi hai detto ho capito che c'è una sorta di gerarchia...cosa mi consigli di fare?

<STYLE type=text/css>
A:LINK, A:VISITED {
color : #ffffff;
text-decoration : none;
}
A:HOVER {

color :#ffd200;
text-decoration : none;
}
<
A:LINK, A:VISITED {
color : #000000;
text-decoration : none;
}
A:HOVER {

color :#ffd200;
text-decoration : none;
}

</STYLE>

Beh non son scemo e tanto difficile non era...bastava creare una classe,definire per tutti uno stile e per quelli da fare in maniera particolare usare la classe .Grazie Mille per la disponibilità.