Come mantenere Immagini Da Muoversi in Dreamweaver

June 19

Configurando la vostra immagine con i CSS in Adobe Dreamweaver CS5.5, è possibile mantenere l'immagine di muoversi nella pagina Web. Questo comportamento è reso possibile attraverso "Fixed Positioning", uno stile che è definita creando una classe CSS per l'immagine in questione. Una volta stabilito il posizionamento della vostra immagine come fissato, l'immagine rimarrà nella stessa posizione sulla tua pagina, anche se un visitatore scorre più in alto o in basso nella pagina.

istruzione

1 Avviare Adobe Dreamweaver CS5.5.

2 Fai clic su "File" nella parte superiore della finestra, fare clic su "Apri" e quindi fare doppio clic sulla pagina Web che contiene l'immagine che si desidera evitare di muoversi.

3 Fare clic sulla scheda "Design" nella parte superiore della finestra.

4 Scorrere fino all'immagine che si vuole evitare di muoversi.

5 Pulsante destro del mouse sull'immagine, cliccare su "Stili CSS," e quindi fare clic su "Nuovo". Se si dispone di uno stile CSS già collegato all'immagine, è anche possibile fare clic su tale stile invece di creare un nuovo stile.

6 Digitare un nome per lo stile CSS nel campo sotto "Selettore nome," e quindi fare clic su "OK".

7 Istruzioni "Posizionamento" dalla colonna a sinistra della finestra.

8 Fai clic sul menu a discesa a destra di "posizione", e quindi fare clic su "Fixed".

9 Immettere i valori nella "Top", "Destra", "inferiore" e campi "di sinistra" nella sezione "Placement", fai clic su "Applica" e poi su "OK". Non è necessario immettere i valori per tutte e quattro le posizioni. Ad esempio, se si desidera inserire un'immagine nell'angolo in alto a sinistra della finestra, è possibile immettere "1" e "1", come i valori di "Top" e "sinistra".

10 Fare clic con il immagine di nuovo, fare clic su "Stili CSS", e quindi selezionare lo stile che avete appena creato per applicarlo alla vostra immagine.

11 Fai clic su "File" nella parte superiore della finestra, quindi fare clic su "Salva".

Consigli e avvertenze

  • Per ottenere questo comportamento immagine in Internet Explorer 7 e 8, è necessario verificare di aver impostato un valore "! DOCTYPE" per la tua pagina. Queste informazioni si trovano nella parte superiore della pagina in visualizzazione "codice" in Dreamweaver.

Articoli Correlati