[css] Classe che non funzia con IE

**Chandler** · 19-04-2006, 02.47.57

Ciao regà....non riesco a far funzionare una classe con internet explorer...praticamente l'effetto è quello del cambio di colore del bordo di una qualsiasi immagine con collegamento ipertestuale...la classe è questa:
<style type="text/css">
a:link {
color: white;
}

a:visited {
color: white;
}

a:active {
color: #DDDDDD;
}

a:hover {
color: #DDDDDD;
}
</style>

con mozilla me lo visualizza correttamente ma con Internet Explorer no...come mai?

Se volete dare un'occhiata al file questo è il link:

www.norwen.altervista.org/fot.htm

Spero di poter risolvere il problema!
byez

19-04-2006, 09.27.06

bhè, prova a fare così:

Codice:

a:link img { color: white; border : 3px solid white; }
a:visited img { color: white; border : 3px solid white; }
a:active img { color: #DDDDDD; border : 3px solid #DDDDDD; }
a:hover img { color: #DDDDDD; border : 3px solid #DDDDDD; }

in teoria dovrebbe funzionare, ma non ho provato...

**Taitaonline** · 19-04-2006, 09.46.20

Credo che al 99% IE, una volta cliccato il link (o l'immagine), mantenga le proprietà dell'attributo "ACTIVE" quindi, prova a lasciare la colorazione "DDDDDD" solo per l'attributo HOVER e metti "withe" (che sarebbe meglio "FFFFFF") in tutti gli altri...
Il codice esatto da scrivere sarebbe dunque:

Codice:

<style type="text/css">
a:link {
color: #FFFFFF;
}

a:visited {
color: #FFFFFF;
}

a:hover {
color: #DDDDDD;
}

a:active {
color: #FFFFFF;
}

</style>

Si dovrebbe rispettare questo ordine per evitare conflitti con alcuni Browser, se per esempio si invertisse HOVER con VISITED passando sopra ad un link già visitato non si avrebbe l'effetto hover ma soltanto quello Visited; ed inoltre, ormai, in teoria non servirebbe neppure più inserire l'attributo ACTIVE.

**Chandler** · 20-04-2006, 03.08.07

ragazzi...a me non funziona con ie!! Ho provato in vari modi ma niente da fare! Il modo che ha ie di interpretare i css come cavolo vuole mi fa sballare! Non so più che fare...

**Taitaonline** · 20-04-2006, 09.03.44

Vedi se ti viene bene questa soluzione.....
Nel CSS :

Codice:

<STYLE type=text/css>

A:link { color:#FFFFFF; }
A:visited { color:#FFFFFF; }
A:hover { color:#DDDDDD; }
A:active { color:#FFFFFF; }

a.prova img { border: 5px solid #000000; }
a.prova:visited img { border: 5px solid #000000; }
a.prova:hover img { border-color: #888888; }
a.prova:active img { border: 5px solid #000000; }

</STYLE>

Poi nel codice della pagina metti :

Codice:

<BODY> <B>
<P> <A class="prova" 
href="http://www.norwen.altervista.org/fe.jpg"> 

<IMG src="ciao_file/fe_small.jpg" width=100 

height=120> </A> </P>
<P> <A 

href="http://www.norwen.altervista.org/add">ciao
</A> </P> </B> </BODY>

Ovviamente metterai i colori e le grandezze del bordo che interessano a te...
L'ho appena provato su IE e funziona, varia sia il colore del bordo dell'immagine, sia il colore del link testuale.

**Chandler** · 20-04-2006, 19.14.13

FUNZIONA!!! Grandeeeeeeeeeeeeeeeeeeeeeeee!! Finalmente ce l'abbiamo fatta :P:p

Grazie mille...mi sei stato di grandissimo aiuto.

Buon Lavoro

Byez

**funcool** · 20-04-2006, 19.15.35

Visto che risolto, chiudo.

Discussione: [css] Classe che non funzia con IE

LinkBack

Strumenti discussione

Display

[css] Classe che non funzia con IE

Regole di scrittura