bordi su div al passaggio del mouse

[Rick21]

Ciao!
Se uso questo codice per cambiare lo sfondo a un div quando passa il mouse, come devo modificarlo per fare si che cambino anche i bordi del div?

<div onmouseover="this.style.background='silver'" onmouseout="this.style.background='white'">
prova</div>

[var]

la cosa migliore sarebbe usare le classi CSS:

<div class="c1" onmouseover="this.className='c2';" onmouseout="this.className='c1';"
prova</div>

dove c1 e c2 sono classi CSS apposite.

ciao

[Rick21]

Grazie mille per il consiglio!

Ho usato direttamente gli <A> con il display: block per fare si che tutto il div mi faccia da collegamento ipertestuale e non solo la parte di testo. Come faccio ad applicare lo stesso effetto combinandolo col codice che mi hai postato?
Perchè mi sembra che per via del diplay block mi blocca il cambio di classi al passaggio del mouse...

[var]

dovresti postare il codice che stai utilizzando.

[Rick21]

Ho provato così e funziona tutto a parte che non mi cambia il colore del bordo:

nello style.css
A{color: black;text-decoration: none;display:block}
A:hover{text-decoration: none; background-color: #83DCFB; border: solid 1px; border-color: black; display:block}

con questi link nella pagina:

chi siamo
cosa offriamo
dove siamo
contatto

PS: per ora ho messo gli attributi direttamente nei link...poi andranno anche loro nello stylesheet

[var]

prova con una roba del genere:

#miodiv a, a:link, a:visited {
 color: black;
 text-decoration: none;
 border: solid 1px solid #ccc;
 display: block;
 margin-top: 2px;
}

#miodiv a:hover {
 color: black;
 text-decoration: none;
 background-color: #83DCFB;
 border: solid 1px solid black;
 display: block;
 margin-top: 2px;
}

con una roba del genere:

<div id="miodiv">
<a>chi siamo</a>
<a>cosa offriamo</a>
<a>dove siamo</a>
<a>contatto</a>
</div>

ciao

[Rick21]

Funziona alla grande! In IE...in Firefox e Opera purtroppo non mi fa vedere i bordi...hai un'idea di come risolvere?

[var]

ops, c'è un solid in più qui:

#miodiv a:hover {
 color: black;
 text-decoration: none;
 background-color: #83DCFB;
 border: solid 1px solid black;
 display: block;
 margin-top: 2px;
}

togli il secondo.

[Rick21]

MITTICO!

Grazie mille per l'aiuto!

Buona serata!

[Rick21]

Ho scoperto che così però tutti i link nella pagina me li fa così...non dovrebbe limitarsi alla div con id "menu"??

Come faccio?