bordi di una foto che si illumina di blu al passaggio del mouse sulla foto

[ziofester]

devo mettere una foto che al passaggio del mouse i bordi si illuminino in blu...avevo pensato a questo...

A.wborghezio:link {
BORDER-RIGHT: #000000 1px solid; WIDTH: 96px; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 110px; BACKGROUND-COLOR: #000000; BORDER-LEFT: #000000 1px solid; BORDER-TOP: #000000 1px solid
}
A.wborghezio:visited {
BORDER-RIGHT: #000000 1px solid; WIDTH: 96px; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 110px; BACKGROUND-COLOR: #000000; BORDER-LEFT: #000000 1px solid; BORDER-TOP: #000000 1px solid
}
A.wborghezio:hover {
BORDER-RIGHT: #003399 1px solid; WIDTH: 96px; BORDER-BOTTOM: #003399 1px solid; HEIGHT: 110px; BACKGROUND-COLOR: #000000; BORDER-LEFT: #003399 1px solid; BORDER-TOP: #003399 1px solid
}


la foto (94x108) la devo mettere al centro della cella


secondo voi funziona?

[indigoindigo]

prrrrovvvaallllloooo!

p.s. la classe .wborhezio è sbagliata..devi usare .abbassoborghezio, che è approvata dal w3c..

[Mich_]

Ci sono errori di sintassi, e il codice puo` essere molto semplificato:

a.wborghezio {
  width: 96px;
  height: 110px;
  background-color: #000;
  border: 1px solid #000;
}
a.wborghezio:link, a..wborghezio:visited { border-color: #000; }
a.wborghezio:hover, a.wborghezio:active { border-color: #039; }

[ziofester]

Originariamente inviato da Mich_
Ci sono errori di sintassi, e il codice puo` essere molto semplificato:

a.wborghezio {
  width: 96px;
  height: 110px;
  background-color: #000;
  border: 1px solid #000;
}
a.wborghezio:link, a..wborghezio:visited { border-color: #000; }
a.wborghezio:hover, a.wborghezio:active { border-color: #039; }

si, grazie Mich_ funziona più il tuo che il mio