problema con i link

**flat** · 12-07-2013, 14:27

Ciao a Tutti!
Ho il seguente codice:
<script type="text/javascript" language="javascript">
function visualizza(id){
if (document.getElementById){
if(document.getElementById(id).style.display == 'none'){
document.getElementById(id).style.display = 'block';
}else{
document.getElementById(id).style.display = 'none';
}
}
}
</script>
<style type="text/css">
.menu {
width: 14em;
height:129px;
padding: 0 0 1em 0;
font-family: Verdana;
font-size : 11px;
background-color:#0179BD;
color: #333;
float:left;
}

.menu ul {
height:140px;
list-style: none;
margin: 0;
padding:0;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;

}

.menu li {

border-bottom: 1px solid #FFFFFF;
margin: 2.5px;
list-style: none;
}

.menu li a {
display: block;
padding: 0px 0px 0px 0em;
color: #fff;
text-decoration: none;
width: 100%;
}
.menu li a:visited {
background-color:#2EA6EA;
}

html>body .menu li a {
width: auto;
}
.menu ul li a:visited {
background-color:#2EA6EA;
display:block;
}
.menu ul li a:hover {
background-color:#2EA6EA;
display:block;
}
.menu ul li a:active {
background-color:#2EA6EA;
display:block;
}

/* ---------------------- sotto-menu da II a IV livello ----------------------*/
.menu2 {
width: 15em;
height:inherit;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
padding: 0 0 1em 0;
font-family: Verdana;
font-size : 10px;
background-color:#0179BD;
color: #333;
float:left;
display:none;
}

.menu2 ul {
list-style: none;
margin: 0 0 0 2px;
padding: 0;
border: none;
}

.menu2 li {
border-bottom: 1px dotted #FFFFFF;
margin: 0;
list-style: none;
}

.menu2 li a {
display: block;
padding: 0px 0px 0px 0em;
color: #fff;
text-decoration: none;
white-space:nowrap;
width: 100%;
}

html>body .menu2 li a {
width: auto;
}

.menu2 li a:hover {
background-color: #2EA6EA;
color: #fff;
}

.menu2 li .active {
border-left: 10px solid #FFFFFF;
border-right: 10px solid #FFFFFF;
background-color: #2586d7;
color: #fff;
}

.menu2 li a:visited {
background-color:#2EA6EA;
display:block;
}
-->

</style>
<html>
<body bgcolor="#0179BD">
<div id="container" style="width:800px;height:130px;border-bottom:#FFFFFF;border:medium">
<div id="liv1" class="menu">
<ul>[*]Azienda[*]Attività[*]Organizzazione di vendita[*]Prodotti[*]Servizi[*]Promozioni[*]Comunicazione[/list]
</div>
<div id="liv2" class="menu2">
<ul>[*]M2[*]M2-->M3[*]M2[/list]
</div>
<div id="liv3" class="menu2">
<ul>[*]M3-->M4[*]M3[/list]
</div>
<div id="liv4" class="menu2">
<ul>[*]M4[*]M4[*]M4[*]M4[*]M4[*]M4
[/list]
</div>
</div>
</body>
</html>

Il problema nasce dal fatto che con IE il link visitato si vede, mentre con FF no..
come posso risolvere?

GRAZIE A TUTTI!!

**Nobody33** · 12-07-2013, 17:53

Link alla pagina? si fa prima...

**flat** · 15-07-2013, 09:23

?? in che senso?
mi serve solo evidenziare il link visitato con FF, visto che con IE funziona..

Grazie

**carlomarangoni** · 15-07-2013, 10:37

codice:

 .menu li a:visited {
color:#2EA6EA;
 }

**Prill** · 15-07-2013, 10:44

modifica

codice:

.menu ul li a:active {
background-color:#2EA6EA;
}

aggiungendovi a:focus:

codice:

.menu ul li a:active, .menu ul li a:focus {
background-color:#2EA6EA;
}

**webbeloz** · 15-07-2013, 10:47

non mi pare esista un problema di cross-browser con i link, al punto che IE e i veri Browser ovvero: Firefox, Chrome e Safari non passano il visited... quindi, prima cosa da fare oltre al suggerimento dato che è già presente nel tuo CSS, (sopra) eliminerei anche questo:

codice:

-->

che potrebbe causare conflitti al css stesso...

**Prill** · 15-07-2013, 11:25

in effetti il css è da ripulire, e quella chiusura di commento genera il conflitto, ma quando il visited riprende a funzionare, accade, con firefox almeno, che il click sul link attiva lo stato visited su tutti i link (essendo il valore dell'ancora per tutti #, e quindi andrà differenziato)

**flat** · 15-07-2013, 11:40

GRAZIE A TUTTI!!
si, in effetti è un pò "sporco"..

comunque con i vs suggerimenti, già meglio... GRAZIE!!

Discussione: problema con i link

Strumenti discussione

Ricerca discussione

Visualizza

problema con i link

Permessi di invio