Bordo dell'immagine diverso al passaggio del mouse

[ratlook]

Ciao a tutti, vorrei fare in modo che alcune immagini che ho sul sito abbiano il bordo di colore bianco e al passaggio del mouse diventi nero.
Come potrei fare? Grazie!!!

[mahamatt]

devi usare la pseudoclasse :hover e specificare il colore che vuoi far apparire al passaggio del mouse.
ma stai attento perchè, mentre i browser standard non danno problemi, IE (il 6 di sicuro, non so il 7) riconosce le pseudoclassi SOLO sul marcatore <a>

[Sickbrain]

Molto semplice:

CSS
<style type="text/css">
body { background-color:#666; }
#content a img {border:3px solid #fff; padding:.1em; }
#content a img:hover { border-color:#000; }
</style>

HTML
<div id="content">
[img]photo.jpg[/img]
</div>

Nota: se vuoi specificare delle immagini in particolare, devi creare una classe apposita nel CSS.

Spero di esserti stato d'aiuto.

[mahamatt]

Originariamente inviato da Sickbrain
#content a img:hover { border-color:#000; }

così però su IE non funzia

meglio così:

#content a:hover img { border-color:#000; }