Tecnología

Inicio

Cómo crear un desplazamiento horizontal en Dreamweaver

Cómo crear un desplazamiento horizontal en Dreamweaver


Uno de los elementos de Adobe Dreamweaver que puede ser útil si usted no tiene ninguna experiencia con HTML codificación manual es el resaltado automático de objetos en el código fuente cuando se hace clic en ellos en el diseño de la interfaz. Al utilizar esta función, se puede determinar fácilmente qué etiquetas debe editar si desea aplicar efectos visuales y estilos HTML, como agregar una barra de desplazamiento horizontal para un contenedor DIV.

Instrucciones

1 Abra el documento con el contenedor que desea añadir una barra de desplazamiento en Dreamweaver.

2 Pase el ratón sobre el recipiente con el puntero del ratón hasta que vea el contorno rojo que denota sus límites.

3 Mover el ratón para el código fuente del documento y encontrar el comienzo de la sección resaltada. Esta es la etiqueta que necesita para editar.

4 Agregue el siguiente código dentro de la etiqueta del envase:

style = "width: XXXpx; altura: XXXpx; overflow-x: desplazarse; overflow-y: hidden;"

Sustituir su altura preferida y la anchura en píxeles de las dos instancias de "XXX". Esto solucionará una altura y anchura para su recipiente y agregar una barra de desplazamiento horizontal para que que aparecerá cuando el contenido en su interior excede la capacidad del recipiente para que aparezca. Se evitará que una barra de desplazamiento vertical de aparecer.

5 Guardar y publicar su página. Ajustar los valores de altura y anchura que sea necesario para conseguir el aspecto deseado.