Salve a tutti. Ho inseirito un link a un immagine generata automaticamente da un modulo (gk4).
Ho poi creato un link sull'immagine e volevo mettergli l'effetto di un bordo blu che si attivasse al passaggio del mouse. Fin qui tutto bene, il problema è che quando passo sopra con il mouse, si crea il bordo dlu che volevo, ma l'immagine e tutta la parte sotto della pagina, si sposta di un qualche px (secondo me i 2px di spessore del bordo) verso sinistra e in basso.
Cosa può essere?
Vi link il codice css:
your articles content */
.nsp_art h4.nsp_header{}
.nsp_art h4.nsp_header a{}
.nsp_art h4.nsp_header a:hover{}
.nsp_art img.nsp_image{}
a img.nsp_image:hover{border: 2px solid #3698C9;}
.nsp_art p.nsp_text{float:none;}
.nsp_art p.nsp_text a{}
.nsp_art p.nsp_text a:hover{}
.nsp_art p.nsp_info{font-size:90%}
.nsp_art p.nsp_info a{}
.nsp_art p.nsp_info a:hover{}
.nsp_art .tleft{ text-align:left; }
.nsp_art .tright{ text-align:right; }
.nsp_art .tcenter{ text-align:center; }
.nsp_art .tjustify{ text-align:justify; }
.nsp_art .fleft{float:left;}
.nsp_art .fright{float:right;}
.nsp_art .fnone{ clear:both;width:100%;float:none; }
.readon_class.left,
.readon_class.right,
.readon_class.center{clear:both;}
.readon_class.left{float:left;}
.readon_class.right{float:right;}
.readon_class.center{display:inline;float:none;}
.nsp_avatar{}
.nsp_links{}
.nsp_links ul{padding:0;margin:0;list-style-type:none;}
.nsp_links ul li{}
.nsp_links ul li:hover{}
.nsp_links ul li h4{}
.nsp_links ul li h4 a{}
.nsp_links ul li h4 a:hover{}
.nsp_links ul li p{}