Bordi immagini linkate ignorano css su IE

[Gas75]

Salve,
testando un sito con IE, ho notato che alcune cose relative alle immagini linkate non quadrano...

Questo è il css utilizzato, che non mi da alcun problema su Firefox.

a:link    { color: #808080; text-decoration: none; font-weight: bold } 
a:visited { color: #808080; text-decoration: none; font-weight: bold } 
a:active  { color: #ffffff; text-decoration: none; font-weight: bold } 
a:hover   { color: #ffffff; text-decoration: none; font-weight: bold }

nel senso che un'immagine linkata, tipo:

[img]foto1.jpg[/img]

appare con bordo color #808080 in condizioni normali o se la pagina relativa è stata visitata, mentre il bordo è bianco se ci passo sopra il mouse...

Su IE... no...
Su IE questi bordi appaiono blu, oppure, se imposto io un bordo a un'immagine NON linkata, tipo

[img]foto2.jpg[/img]

voi m'insegnate che #ffffff è bianco... ma su IE appare nero!

Per i testi linkati quel css va perfetto su entrambi i browser!

Come risolvo, senza perdere il risultato su Firefox?

[Prill]

a:link img, a:visited img  { border: 5px solid #808080;}
a:hover img, a:active img { border:5px solid #fffff;}

[Gas75]

E' andato via il blu, ma ora resta fisso in grigio...

[Prill]

codice completo usato? hai inserito nel css anche le impostazioni per i link? ricordo un bug di Explorer, non ricordo per quale versione però, per il quale affinché il bordo sull'immagine inserita all'interno dei link variasse al passaggio del mouse era necessario specificare una qualche impostazione su a:hover

[Gas75]

Ecco qua...

body { font-family:  Arial,Verdana,Helvetica; font-size: 12px }
h2        { color: #FF0000; font-family: Arial,Verdana,Helvetica; font-size:12px }
p,h1,h3,h4,ul,ol,li,div,td,th,adress,form
{ font-family: Arial,Verdana,Helvetica; color: #ffffff; font-size:12px }
input     { font-family: Verdana,Arial,Helvetica; font-size:10pt }
a:link    { color: #808080; text-decoration: none; font-weight: bold }
a:visited { color: #808080; text-decoration: none; font-weight: bold }
a:active  { color: #ffffff; text-decoration: none; font-weight: bold }
a:hover   { color: #ffffff; text-decoration: none; font-weight: bold }
a.cella   { display: block }
a.cella:hover { display: block; background-color: #505050 }
a:link img, a:visited img { border: 5px solid #808080;}
a:hover img, a:active img { border:5px solid #fffff;} 
hr {margin-top: 0px; border-top: 0px dotted #000;}

Le foto senza link continuano ad avere bordo nero... :master:

[Prill]

Dunque hai risolto per le immagini che fungono da link?

Per le altre il bordo appare nero perché bordercolor non è attributo valido, devi impostare il colore del bordo via css, ad esempio

.bordoBianco {
border:5px solid #ffffff
}

e poi applicare la classe alle immagini che devono avere quella caratteristica:

[img]...[/img]

sostituisci a bordoBianco il nome voluto

[Gas75]

Dunque hai risolto per le immagini che fungono da link?

No, ora sono sempre a bordo grigio, viene ignorata la modifica al passaggio del mouse e al relativo click. Prima almeno su Firefox andava...

Per le altre il bordo appare nero perché bordercolor non è attributo valido, devi impostare il colore del bordo via css

Il codice che mi hai fornito funziona aggiungendo in chiusura un ";"... Però il committente ora ha deciso di rendere linkate pure quelle ergo il problema ora è unico...

Come faccio ad avere che su IE e Firefox il bordo di un'immagine linkata sia grigia di default e bianca al passaggio del mouse? :master:
Devo richiamare la classe "link img" nel codice del link o dell'immagine? Scusa se chiedo cose forse scontate, ma tengo aperte tantissime schede di FrontPage, viste le continue modifiche in corso d'opera che mi vengono chieste, e se comincio pure a mettere codici css nel posto sbagliato, non ne esco più fuori.

[Prill]

Il codice che mi hai fornito funziona aggiungendo in chiusura un ";"...

anche senza il ";" il browser interpreta correttamente perché quella è l'unica proprietà definita. Il codice che ti ho indicato funziona su tutti i principali browser, l'ho testato.
Per venirne a capo senza perdere altro tempo, lasciaci un link alla pagina che non funziona, così la vediamo direttamente all'opera

[Gas75]

Ecco un estratto...

http://gas75.interfree.it/Sito/destr...izioni_web.htm

Risolvendo con Firefox il problema del colore del bordo immagine, perdo la funzione che si illuminano bordo e testo assieme passando il mouse su uno dei due... Cioè dall'immagine si illumina anche il testo, ma non viceversa... Mentre prima, quando IE mi dava il bordo blu , la cosa era bidirezionale, immagine e testo illuminavano entrambi...

[Prill]

questo il tuo codice:

<a href="..."> [img]prova1.jpg[/img]

lo stile dell'immagine è già definito attraverso

a:link img, a:visited img { border: 5px solid #808080;}
a:hover img, a:active img { border: 5px solid #fffff;}

ma tu stai applicando all'immagine i bordi anche in altro modo

.bordoimg:link, .bordoimg:visited { border: 5px solid #808080; }
.bordoimg:hover, .bordoimg:active { border: 5px solid #ffffff; }

usando le pseudo classi per i link sull'immagine, e inoltre imposti anche il bordo con un attributo interno al tag. Devi avere semplicemente all'interno del link il richiamo dell'immagine, senza alcuna classe e senza quell'attributo border