Una mappa immagine è una caratteristica della pagina web che è collegato zone conosciute come "punti caldi" che portano i visitatori alle informazioni designate quando cliccato. Se si dispone di una mappa di grande immagine che non rientra nella pagina, è possibile creare una tabella di scorrimento, o una casella di scorrimento, con la mappa. La pergamena appare come un bar che gli utenti fare clic e trascinare per arrivare a regioni della mappa che non sono attualmente visibili. Aggiungere codice di Cascading Style Sheets (CSS) per il codice della mappa immagine esistente per includere una tabella di scorrimento.

Istruzioni

1

Avviare il software di editor di testo e visualizzare il documento che contiene il codice della mappa immagine.

2

Posizionare il cursore sopra il codice della mappa immagine e tipo nel seguente codice CSS:

< div style = "altezza: px; Larghezza: px; overflow: scroll;" >

L'attributo di "overflow" nella riga di codice indica al browser di produrre la barra di scorrimento della tabella quando il contenuto si sovrappone le dimensioni che si specifica nel passaggio successivo.

3

Inserire i valori di "larghezza" che sono inferiori alle dimensioni della mappa immagine e comodo "altezza". Trovare i valori di mappa immagine nella riga di codice "< img >". Per esempio, tipo un'altezza di 300 pixel e una larghezza di 500 pixel in questo modo:

< div style = "altezza: 300px; Larghezza: 500px; overflow: scroll;" >

4

Digitare una chiusura "< / div >" tag dopo l'ultima riga del codice mappa immagine. Per illustrare, il vostro codice completo sarà simile all'esempio seguente:

< div style = "altezza: 300px; Larghezza: 500px; overflow: scroll;" >

< img width = "500" height = "800" usemap = #imagemap "/ >

< nome mappa = "imagemap" >

< forma dell'area = "rect" coords = "1,1,83,127" href="street1.htm" alt = "Street 1" / >

< forma dell'area = "rect" coords = "91,59,4" href="street2.htm" alt = "Street 2" / >

< forma dell'area = "rect" coords = "125,59,9" href="street3.htm" alt = "Street 3" / >

< / mappa >

< / div >

5

Salvare il file. Far apparire un web browser e scegliere "Apri File" sotto il menu "File" per caricare la mappa immagine con la tabella di scorrimento e controllare il vostro lavoro.