a:visited "monello"

npaquito

Utente Attivo
11 Lug 2011
63
0
0
Hola

Ho un problema con un a:visited che non riesco a far funzionare, si tratta di un link con una immagine per a:link e altra immagine sia per a:visited che a:hover, i codici sono questi:

Codice:
<div class="centro46"><a target="_blank" href="/demo1/catalogos/UNNO.pdf"></a></div>

e

Codice:
.centro46 a:link{
float: left;
width: 60px;
height: 60px;
margin: 0 40px 2px 0;
text-align: center;
padding-bottom: 5px;
background:url(/demo1/templates/logos/images/UNNOBN.png)
}
.centro46 a:visited{
background:url(/demo1/templates/logos/images/UNNO.png)
}
.centro46 a:hover{
background:url(/demo1/templates/logos/images/UNNO.png)
}

funzionano a:link e a:hover ma non a:visited
 

npaquito

Utente Attivo
11 Lug 2011
63
0
0
Hola

Intanto grazie per le risposte, saranno i browser...

Devo fare un javascript perche funzionino?
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
visto che spesso provare è meglio che pensare, ho provato
ora andando da quasto a pinco_pallo.htm e tornando indietro il link risulta visited (con ie e fire)
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<style type="text/css">
a{
color:#FF0000;
background-color: #CCCCCC;
}
a:visited
{
color:#FF0000;
background-color: #FFFF00;
} 
a:hover{
color:#CCCCCC;
background-color: #FF0000;
}
</style>
</head>
<body>
<a href="pinco_pallo.htm">vai a pinco pallo</a>
</body>
</html>
verifica di aver scritto giusto le pseudoclassi
 

npaquito

Utente Attivo
11 Lug 2011
63
0
0
Hola

Grazie terro conto per il futuro, ma il problema attuale e che devo usare 36 + 36 immagini diverse
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao,
ho provato e riprovato anchio ma niente da fare

la pseudo classe visited sembrerebbe non funzionare con le immagini di sfondo

l'unico modo che si avvicina è cambiando l'mmagine al click con javascript

Codice:
<a href="#link" onclick="this.style.backgroundImage = 'url(\'/demo1/templates/logos/images/UNNO.png\')'"></a>

molto strano cmq

sottoscrivo inoltre per trovare spiegazioni o soluzioni alternative alla mia

ciao
 
Discussioni simili
Autore Titolo Forum Risposte Data
Shyson Firefox 29 non prende a.visited HTML e CSS 0
novello88 a:visited HTML e CSS 1
M problema con hover/visited menu HTML e CSS 2

Discussioni simili