Modificare border-size al passaggio del mouse

**mandrake_01** · 18-02-2009, 13:06

Per visualizzare l'anteprima delle mie immagini essendo tutte diverse ho dovuto fare in questo modo (come mi avevate suggerito)

Mi paicerebbe aggiungere anche un effetto che mi riduca la grandezza del bordo da 8px a 4px al passaggio del mouse sull'immmagine... purtroppo non sono riuscito a farlo.. si puo' fare? Mi date un suggerimento?

Grazie
Ciao!

**Gufo** · 18-02-2009, 14:16

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title><style type="text/css">
<!--
#Box {
	width:130px; 
	height:130px;
	background:url(foto/26.jpg) no-repeat center;
	border: #FFFFFF solid 8px;
}
#Box:hover {
	display: block;
	border: #FFFFFF solid 4px;
}
-->
</style>

</head>

<body>

<div id="Box">&ampnbsp;</div>

</body>
</html>

**mandrake_01** · 18-02-2009, 15:43

Ti ringrazio, ma volevo chiederti se era possibile inserire tutto nella stessa riga utilizzando l'impostazione che gli avevo dato io, visto che l'url dell'immagine viene caricata in modo dinamico (presa da db) tramite php.

Cmq ho provato come mi hai detto tu e non mi funziona...

Grazie
Ciao

**Gufo** · 18-02-2009, 16:26

Originariamente inviato da mandrake_01
Ti ringrazio, ma volevo chiederti se era possibile inserire tutto nella stessa riga utilizzando l'impostazione che gli avevo dato io, visto che l'url dell'immagine viene caricata in modo dinamico (presa da db) tramite php.

Cmq ho provato come mi hai detto tu e non mi funziona...

Grazie
Ciao

Si puoi inserire lo style inline.
Avrai sbagliato qualche cosa perchè così deve e funziona bene, tranne che su IE6

**mandrake_01** · 18-02-2009, 16:54

Uso ie 6.02, si puo modificare in modo che funzioni anche su questa versione?

Non è che mi diresti la sintassi corretta per mettere tutto in style inline? non ci riesco :-(

Grazie 1000!

Ciao

Discussione: Modificare border-size al passaggio del mouse

Strumenti discussione

Ricerca discussione

Visualizza

Modificare border-size al passaggio del mouse

Permessi di invio