-
Impostazioni CSS ai Link
Salve, avrei un problema..
Nel mio sito se scendete fino al box Copyrights, noterete che la voce "Licenza Creative Commons" ha un link.
Io vorrei fare in modo che quella voce, tenga lo stesso stile, che ha il resto del testo nel box copyrights.
Ovvero, vorrei fare in modo che abbia lo stesso stile delle altre parole, pur essendo un link, anche al passaggio del mouse.
Il codice CSS del testo è il seguente:
Codice:
font-family: Helvetica;
font-size: 13px;
color: #d3aafc;
text-shadow: 2px 2px 4px #777, -2px -2px 4px #777,
Sapete aiutarmi? Grazie :wink:
-
Codice:
#nomedivchecontieneiltesto a:link, #nomedivchecontieneiltesto a:hover, #nomedivchecontieneiltesto a: visited, #nomedivchecontieneiltesto a:active, #nomedivchecontieneiltesto a:focus {
font-family: Helvetica;
font-size: 13px;
color: #d3aafc;
text-shadow: 2px 2px 4px #777, -2px -2px 4px #777,
}
-
A parte quello scritto sopra, che nella sua grezzità magari funziona anche, il problema nel tuo css è che definisci cose in un modo strano ed incorretto:
Codice:
#contenutocopyrights {
a:link {font-family: Helvetica; font-size: 13px; color: #d3aafc;
text-shadow: 2px 2px 4px #777, -2px -2px 4px #777; text-decoration: none;}
...
}
Non puoi definire elementi dentro il css per altri elementi. Per raggiungere quei tag devi usare
Codice:
#contenutocopyright { ... }
#contenutocopyright a:link { ... }
etc.
-
Il colore del testo rimane blu.. può darsi che sia dovuto al code che ho messo nel file main.css?
Ovvero:
Codice:
a:link {color: #0645AD; text-decoration: none;}
a:visited {color: #0645AD; text-decoration: none;}
a:hover {color: #0645AD; text-decoration: underline;}
Dovrei forse mettere in tutti i div il codice CSS appena elencato escluso il div copyrights e toglierlo da tutto il sito? Anche se come soluzione mi pare piuttosto scomoda, solo per un link presente nel div contenutocopyrights..
Sono ancora alle prime armi col css.. Grazie per il vostro prezioso aiuto :=D:
EDIT: Risolto, ho usato il tag <a style="..."> :
Codice:
<a href="#" style="font-family: Helvetica; font-size: 13px; color: #d3aafc;
text-shadow: 2px 2px 4px #777, -2px -2px 4px #777; text-decoration: none;">testo</a>
Grazie a tutti.