immagine linkata

[Sonikag]

Ho visto in giro (ma ovviamente ora che mi serve l'effetto non lo trovo) delle immagini linkate bordate ad esempio di blu e all'hover diventavao bordate di rosso.

Ho fatto alcune prove ma purtroppo senza risultato.

[img]img/provagal/2.gif[/img]

[CODE].imgg, .imgg a, .imgg a:link, .imgg a:visited, .imgg a:active{
border: 2px solid #C0A062;
margin: 2px;
}

.imgg a:hover {
border: 2px solid #000;
margin: 2px;
}
CODE]

in questo modo all'hover il contorno non diventa nero. ma il link prende gli stili che ho impostato per a:hover

[indigoindigo]

Un paio di consigli:

-lo stile definiscilo completamente nel CSS, non mezzo nell'html e mezzo nel css..
-le pseudoclassi dei link hanno un ordine ben preciso:

http://forum.html.it/forum/showthrea...udoclassi+link

-mi sembra che tu abbia fatto confusione..se la classe la assegni all'immagine che è contenuta nei tag "a", come speri di poter influenzare "a" scrivendo .imgg a ?? attribuisci la classe .imgg ad "a" e fai tipo così

a.imgg  {..}

e per dare lo stile all'immagine

a.imgg img{}

[Mich_]

Attenzione ai selettori:

<a class="perImm">[img]img/provagal/2.gif[/img]</a>

a.perImm img {
  border: 2px solid;
  margin: 2px;
}
a.perImm:link img, a.perImm:visited img, a.perImm:active img {
  border-color: #C0A062;
}
a.perImm:hover img {
  border-color: #000;
}

Non esiste piu` l'attibuto border nel tag img e inoltre potrebbe andare in conflitto con il CSS.

[pierofix]

Io toglierei anche gli attributi width e height dal markup (piazzandoli ovviamente nel CSS).

P.S. Dear Sonikag, ancora una volta il tuo errore era dato da una cattiva impostazione dei selettori CSS. Che ne dici di metterti a studiare questo documento, già pluri-segnalato?

- www.w3.org/TR/CSS21/selector.html

Mi spiace vedere che ti blocchi sempre su cosette da niente.

[thomas_anderson]

Dear Piero,
faresti bene a ricordare che le specifiche non sono il massimo dell'accessibilità in termini di chiarezza. ed inoltre fanno riferimento a situazioni che poi variano da browser a browser (IE vs the others). detto questo, la soluzione, come già proposto da floyd46, sta nel dichiarare di blocco <a> e poi attribuirgli le stesse dimensioni dell'immagine, creando una classe dinamica come a.bordo:link.

[img][/img]