HOME
Home

Contatti

TRUCCHI E MALIZIE IN BREVE

Lasciare invariata la pagina mentre si ingrandisce un'immagine

Domanda

Quando un'immagine si ingrandisce al passaggio del mouse si ha uno scorrimento di tutti gli elementi. Come evitare tutto ciņ?
Grazie, Marcella

Risposta

Abbiamo spiegato come ingrandire un'immagine al passaggio del mouse nel trucco numero 20, e come impedire lo spostamento di tutto il documento con una tabella trucco precedente. Ecco ora l'esempio con l'uso dei div (passare con il mouse sopra l'immagine):

Per una migliore visualizzazione abbiamo inserito l'immagine in un riquadro bordato di rosso e di spessore di 5 pixel.
Se non si vuole il bordo, eliminare border:5px solid red dal codice.

Codice:

<div style="position:relative;left:0px;top:0px;
width:75px; height:75px; border:5px solid red">
<div style="position:absolute;left:10px;top:10px">
<img src="T3.gif" name="Prima" width= "60" 
onMouseOver="document.images.Prima.width='75'"
onMouseOut="document.images.Prima.width='60'">
</div></div>

Abbiamo posizionato l'immagine all'interno di un contenitore (div) di dimensioni opportune. Questo basterebbe per Firefox, ma purtroppo per MSIE č necessario inserire l'immagine in un altro contenitore, interno al precedente.


Precedente          Indice           Successivo

Vuoi approfondire il linguaggio HTML?
Usa la nostra
GUIDA AL LINGUAGGIO HTML per cani, gatti e non solo!


Cerchi un argomento particolare di HTML?
Accedi all'INDICE DETTAGLIATO


Cerchi un trucco complesso?
La nostra sezione
TRUCCHI E MALIZIE
fa proprio al caso tuo!


Altrimenti, usa la ricerca di GOOGLE, magari a partire dal nostro sito!

Google


Ti piacciono i nostri trucchi?

Ci vuoi dare una mano a crescere e ad essere meglio conosciuti nel web?

Aggiungi un link al nostro sito!


Vuoi rilassarti? Gioca gratis a CRUCIPIXEL UN SUDOKU PER UN GIORNO IL GIOCO DELLE COPPIE ... i nostri ultimi giochi!