[css] Classe che non funzia con IE

Printable View

19-04-2006, 02.47.57
Chandler

[css] Classe che non funzia con IE

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...
19-04-2006, 09.46.20
Taitaonline

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.
20-04-2006, 03.08.07
Chandler

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...
20-04-2006, 09.03.44
Taitaonline

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. :wink:
20-04-2006, 19.14.13
Chandler

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

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

Buon Lavoro

Byez
20-04-2006, 19.15.35
funcool

Visto che risolto, chiudo.