salve a tutti.
ho un problemino: sto usando un foglio di stile con una classe all'interno. vorrei ottenere l'effetto di cambiamento del colore nei link, che rimanga anche quando ho visitato il link stesso, ma, mentre non ho problemi per le istrizioni del css, la classe non vuole obbedire! i link cambiano colre una volta visitati! eppure le istruzioni mi sembrano uguali (ho effetti diversi, ma a livello di codice, mi sembra tutto identico)...
cosa sto sbagliando?
grazie mille in anticipo
la cosa + importante è l'ordine che dai ai link:
a:link;
a:visited;
a:hover;
a:active;
dopodichè ti consiglio di postare il codice.
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com
Posta il codice CSS e comunque deiv agire su A.link:visited
Per il link visitato la sintassi del css è:
[nome campo con classe] a:visited {[colore che vuoi]}
a me funziona!!!
Comunque ti consiglio di dare un occhiata a questo link http://www.html.it/css/index.html
BYE
ecco il codice (forse non è proprio elegante come istruzioni, sono un pò disordinata...)
a:link { color: #FF0011; text-decoration: none
}
A:VISITED {color: #FF0011; text-decoration : none
}
a:hover {color: #FF0011
background-color: #000000;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FF0011;
border-bottom-color: #FF0011;
}
body {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
background-color: ##F7F7F7;
color: #000000;
SCROLLBAR-FACE-COLOR: #FF0011;
SCROLLBAR-ARROW-COLOR: #333333;
SCROLLBAR-HIGHLIGHT-COLOR: #FF0011;
SCROLLBAR-3DLIGHT-COLOR: #333333;
SCROLLBAR-SHADOW-COLOR: #333333;
SCROLLBAR-TRACK-COLOR: #333333;
SCROLLBAR-DARKSHADOW-COLOR: #000066;
}
td {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
th {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
a.box {
padding: 3px;
text-decoration: none;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.box:link { color: #333333; text-decoration: none
}
a.box:hover {
color: #FF0011;
padding: 3px;
text-decoration: none;
border-top-width: 0px;
border-bottom-width: 0px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #000000;
border-bottom-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.box:VISITED {color: #333333; text-decoration : none
}
A me funziona!!!
Quela sotto è la mia pagina di prova (non so come viene nel forum!!)
BYE
<html>
<Style>
a:link { color: #FF0011; text-decoration: none
}
A:VISITED {color: #FF0011; text-decoration : none
}
a:hover {color: #FF0011
background-color: #000000;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FF0011;
border-bottom-color: #FF0011;
}
body {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
background-color: ##F7F7F7;
color: #000000;
SCROLLBAR-FACE-COLOR: #FF0011;
SCROLLBAR-ARROW-COLOR: #333333;
SCROLLBAR-HIGHLIGHT-COLOR: #FF0011;
SCROLLBAR-3DLIGHT-COLOR: #333333;
SCROLLBAR-SHADOW-COLOR: #333333;
SCROLLBAR-TRACK-COLOR: #333333;
SCROLLBAR-DARKSHADOW-COLOR: #000066;
}
td {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
th {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}
a.box {
padding: 3px;
text-decoration: none;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.box:link { color: #333333; text-decoration: none
}
a.box:hover {
color: #FF0011;
padding: 3px;
text-decoration: none;
border-top-width: 0px;
border-bottom-width: 0px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #000000;
border-bottom-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.box:VISITED {color: #333333; text-decoration : none
}
</Style>
<body>
<table>
<tr><td>
pippo
</td></tr>
</table>
</body>
</html>
veramente, dopo aver visitato il link una volta, non funziona più...rimane nero anche al passaggio del mouse...
Scusa, sposta a.box:hover sotto a.box:VISITED e prova a vedere
non so come ringraziarti: funziona!!!
al prossimo problema!
Permessi di invio
Rispondi quotando