Come metto i bordi alle immagini quando gli passo il puntatore del mouse sopra??

[Dreamer89]

Ci ho provato ma quando muovo il mouse su una immagine, i bordi escono ma le immagini si spostano... cosa devo impostare di preciso per non far spostare le immagini quando gli passo sopra col mouse?

[gabip87]

potresti preimpostare il bordo di un colore diverso, magari quello del background e cambiarlo nello stato hover. ti ricordo che con IE<7 non funziona.

img
{
   border:10px solid #333;
}

img:hover
{
   border-color:#ccc;
}

[ricman]

Originariamente inviato da gabip87
potresti preimpostare il bordo di un colore diverso, magari quello del background e cambiarlo nello stato hover. ti ricordo che con IE<7 non funziona.

Per farlo andare anche con IE6 devi fare in un altro modo. Devi "giocare" col tag <a>, display block ed un altro paio di accorgimenti. Se fai due prove riesci a trovare i parametri giusti in due minuti...

[gabip87]

Originariamente inviato da ricman

Per farlo andare anche con IE6 devi fare in un altro modo. Devi "giocare" col tag <a>, display block ed un altro paio di accorgimenti. Se fai due prove riesci a trovare i parametri giusti in due minuti...

dovrebbe bastare un

a.nomeClasss:hover img
{
   border-color:#ccc;
}

comunque, se ha bisogno basta fare una ricerca con img hover, ne hanno sicuramente già parlato sul forum (qui oppure in CSS).

[Dreamer89]

Originariamente inviato da gabip87
potresti preimpostare il bordo di un colore diverso, magari quello del background e cambiarlo nello stato hover. ti ricordo che con IE<7 non funziona.

img
{
   border:10px solid #333;
}

img:hover
{
   border-color:#ccc;
}

Grazie mille farò così ^^

[Dreamer89]

gabip87, io ho IE 7 ma il tuo metodo non mi funziona... con Mozilla invece si o_O Come devo fare se voglio renderlo compatibile anche per IE?

[gabip87]

Originariamente inviato da gabip87

basta fare una ricerca con img hover, ne hanno sicuramente già parlato sul forum (qui oppure in CSS).

c'è anche google poi