Cómo hacer una tabla de desplazamiento en un mapa de imagen

Un mapa de imagen es una característica de la página web que ha vinculado áreas conocidas como "puntos calientes" que llevan a los visitantes a la información designada cuando se hace clic. Si usted tiene un gran mapa de imagen que no encaja en la página, crear una tabla de desplazamiento o cuadro de desplazamiento, con el mapa. El desplazamiento aparece como una barra que los usuarios hacen clic y arrastre para llegar a las regiones del mapa que no están visibles. Añadir Cascading Style Sheets código (CSS) al código de mapa de imagen existente para incluir una tabla de desplazamiento.

Instrucciones

1 Poner en marcha el software editor de texto y abrir el documento que contiene el código de mapa de imágenes.

2 Coloque el cursor encima del código de mapa de imagen y escriba el siguiente CSS:

<Div style = "height: px; anchura: px; overflow: desplazarse;">

El atributo "desbordamiento" en la línea de código indica al explorador para producir la barra de desplazamiento de la mesa cuando el contenido se solapa con las dimensiones que se especifican en la siguiente etapa.

3 Introduzca los valores de "ancho" que son más pequeñas que las dimensiones del mapa de imagen "altura" y preferido. Encontrar los valores de mapa de imágenes en el "<img>" línea de código. Por ejemplo, escriba una altura de 300 píxeles y una anchura de 500 píxeles, así:

<Div style = "height: 300px; ancho: 500px; overflow: desplazarse;">

4 Escriba una etiqueta de cierre "</ div>" después de la última línea del código de mapa de imágenes. Para ilustrar, el código completo ahora similar al ejemplo siguiente:

<Div style = "height: 300px; ancho: 500px; overflow: desplazarse;">

<Img width = "500" height = "800" usemap = # mapa de imagen "/>

<Map name = "mapa de imágenes">

<Area shape = "rect" coords = "1,1,83,127" href = "street1.htm" alt = "Calle 1" />

<= área de forma coords "rect" = "91,59,4" href = "street2.htm" alt = "Calle 2" />

<Area shape = "rect" coords = "125,59,9" href = "street3.htm" alt = "Calle 3" />

</ Map>

</ Div>

5 Guarda el archivo. Abrir un navegador web y haga clic en "Abrir archivo" en el menú "Archivo" para cargar el mapa de imagen con la tabla de desplazamiento y comprobar su trabajo.