June 7
Una mappa immagine è una caratteristica pagina web che ha legato le zone note come "punti caldi" che portano i visitatori alle informazioni designato quando si fa clic. Se si dispone di una mappa grande immagine che non rientra nella pagina, creare una tabella di scorrimento, o casella di scorrimento, con la mappa. Il rotolo si presenta come una barra che gli utenti fanno clic e trascinare per raggiungere le regioni della mappa che non sono attualmente visibili. Aggiungere Cascading Style Sheets codice (CSS) per il codice mappa immagine esistente per includere una tabella di scorrimento.
1 Avviare il software editor di testo e aprire il documento che contiene il codice mappa immagine.
2 Posizionare il cursore sopra il codice mappa immagine e digitare il seguente CSS:
<Div style = "Altezza: px; Larghezza: px; overflow: scroll;">
L'attributo "troppo pieno" nella riga di codice indica al browser di produrre la barra di scorrimento del tavolo quando il contenuto si sovrappone alle dimensioni specificate nella fase successiva.
3 Inserire i valori di "width" che sono più piccole rispetto alle dimensioni della mappa immagine preferita "altezza" e. Trova i valori della mappa immagine nella "<img>" linea di codice. Ad esempio, digitare un altezza di 300 pixel e una larghezza di 500 pixel in questo modo:
<Div style = "height: 300px; width: 500px; overflow: scroll;">
4 Digitare una chiusura "</ div>" tag dopo l'ultima riga del codice mappa immagine. Per illustrare, il codice completo ora simile al seguente esempio:
<Div style = "height: 300px; width: 500px; overflow: scroll;">
<Img width = "500" height = "800" usemap = # imagemap "/>
<Nome della mappa = "imagemap">
<Area shape = coordinate "rect" = "1,1,83,127" href = "street1.htm" alt = "Street 1" />
<area shape = coordinate "rect" = "91,59,4" href = "street2.htm" alt = "Street 2" />
<Area shape = coordinate "rect" = "125,59,9" href = "street3.htm" alt = "Street 3" />
</ Map>
</ Div>
5 Salvare il file. Portare un browser Web e fare clic su "Apri File" nel menu "File" per caricare la mappa immagine con il tavolo di scorrimento e controllare il vostro lavoro.