Tecnología

Inicio

Cómo insertar texto en un cuadro de desplazamiento de imagen

August 21

Cuando usted tiene un cuadro de desplazamiento que incluye una imagen, el usuario de la página Web es capaz de desplazarse por la imagen para ver todos de la misma. En algunos casos, la adición de texto para el cuadro de desplazamiento permite al usuario aprender más acerca de la imagen que se incluye. Por ejemplo, si usted tiene una imagen de la Gran Muralla de China, puede incluir un texto que contiene la imagen que ofrece un poco más de información de fondo sobre la pared y sus orígenes.

Instrucciones

1 Ingrese a su servidor Web. Abra el archivo HTML que incluirá el cuadro de desplazamiento de texto e imágenes.

2 Haga clic en la ubicación de la página en la que desea insertar el cuadro de desplazamiento. Esto tiene que ser dentro de la sección <body> de la página.

3 Introduzca este código:

<div style="height:200px;width:300px;overflow:scroll;font:20px;color:#A6120D;background:URL('Text">http://www.webpage.myimage.jpg');">Text va aquí.

</ Div>

4 Vuelva a colocar la "altura" y los ajustes de valor "ancho" si se desea. Reemplazar el tamaño de fuente, si se desea, también.

5 Cambiar el código de color "A6120D" (ver Recursos).

6 Reemplazar "http: //www.webpage.myimage.jpg" con la URL de la imagen que desea que aparezca en el cuadro de desplazamiento.

7 Sustituir "texto va aquí" con el texto que desea que aparezca en el cuadro de desplazamiento.

8 Publicar la página.