[CSS] Far scomparire o meno il bordo del Link a img

[pcf]

Ho provato a perfezionare il codice, ma l'hover del link, funziona (cambiando da bianco a marrò) con FF 1.0.4 ma non con IE 6.0 (rimane fisso a bianco)

Ecco il codice:

CSS

.fotovert {width: 74px;}

/* link per foto da rivedere, non funziona per lhover con IE6.0 */
.fotovert:link img { border: 1px solid #ffffff; margin-bottom: 4px; margin-top: 2px; padding: 0px;}
.fotovert:visited img { border: 1px solid #ffffff; margin-bottom: 4px; margin-top: 2px; padding: 0px;}
.fotovert:hover img { border: 1px solid #AB6400; margin-bottom: 4px; margin-top: 2px; padding: 0px;}
.fotovert:active img {border: 1px solid #684C09; margin-bottom: 4px; margin-top: 2px; padding: 0px;}
/* link per foto */

HTML

<div class="contenitore_cx_fotovert">


[img]img/mulino.jpg[/img]



[img]img/mulino.jpg[/img]



[img]img/mulino.jpg[/img]



[img]img/mulino.jpg[/img]



[img]img/mulino.jpg[/img]



[img]img/mulino.jpg[/img]


[img]img/mulino.jpg[/img]


</div>

[pcf]

[salasir]

Ovviamente! L'hover su IE funziona solo sul tag <a> mentre sugli altri puoi utilizzarlo anche sugli altri tag.

E' per questo che nella mia prima risposta ti avevo indicato

.fotovert a:link { border: 0px solid #AB6400; margin:0; padding:0; } 
.fotovert a:visited { border: 0px solid #AB6400; margin:0; padding:0; } 
.fotovert a:hover { border: 1px solid #AB6400; } 
.fotovert a:active {border: 1px solid #684C09; }

Maurizio

[pcf]

ho provato come mi hai indicato ma non funziona lo stesso

[pcf]

Scritto da pierofix qualche post dietro

Dunque, il problema credo sia solo la confusione sintattica nel css. Devi scrivere così

Ok è quello che ho fatto e con FF funziona benissimo, mentre con IE il bordo dell'img al passaggio del mouse non cambia, come posso risolvere ?

[salasir]

Dunque .. prova a spostare la classe "fotovert" sul tag principale (

o <div> che sia) e ad aggiungere una dichiarazione

.fotovert img {border:0;}

Maurizio

[pcf]

HTML

			<div class="fotovert">[img]img/mulino.jpg[/img]</div>

CSS

/* prova salaris */
.fotovert {	width: 74px; border: 0px}
.fotovert a:link { border: 0px solid #ffffff;; margin:0; padding:0; } 
.fotovert a:visited { border: 0px solid #ffffff;; margin:0; padding:0; } 
.fotovert a:hover { border: 0px solid #AB6400; } 
.fotovert a:active {border: 0px solid #684C09; }
/* prova salaris */

Ancora peggio, il link non è neanche bianco ma è quello standard, il colore non cambia al passaggio del mouse

[salasir]

manca img nella definizione e devi impostare un valore al border!
Maurizio

[pcf]

Ops, scusa ha ragione
nel CSS

.fotovert img {border:0;}

ma anche con questo non funzia, il bordo è scomparso e con l'hover nulla

[salasir]

.fotovert a:link { border: 0px solid #ffffff;; margin:0; padding:0; } 
.fotovert a:visited { border: 0px solid #ffffff;; margin:0; padding:0; } 
.fotovert a:hover { border: 0px solid #AB6400; } 
.fotovert a:active {border: 0px solid #684C09; }

hanno tutti border:0px