Cómo modificar divs-absolutos posicionado (ap) en adobe cs6 dreamweaver

Cada (AP) Div-Absoluto Posicionado se dibuja en Adobe Dreamweaver CS6 aparece automáticamente en el panel Elementos PA (elija Ventana → Elementos PA para visualizarlo). El panel Elementos PA puede ayudarle a seleccionar, ocultar y mostrar cualquier Div PA en la página. Este panel es útil cuando usted tiene un montón de Div PA en la página y desea navegar entre ellos con precisión.

Video: Position a div (AP Div) exactly where you want it in Adobe Dreamweaver

Por encima de todo, porque se puede modificar las propiedades de cualquier Div PA de su estilo de identificación correspondiente, el panel de ayuda a determinar qué estilo Identificación pertenece a una Div PA.

El panel Elementos PA se agrupa a menudo con el panel Estilos CSS, en caso de que estés buscando.

Para modificar una caja (Div PA), siga estos pasos:

1. Seleccione Ventana → Elementos PA para abrir el panel Elementos PA.

2. En el panel, localice y seleccione apDiv1 para resaltarlo en la página.

   Video: Dreamweaver CC using div, header, section, aside and footer tags

   El inspector de propiedades muestra su tamaño y posición, además de otras propiedades.

3. El uso de los cuadros de texto en el inspector de propiedades, cambie el ancho de la caja mediante la introducción de un número en el campo W y cambiar la altura de la caja mediante la introducción de un número en el campo H.

4. Haga clic en el marcador junto a Bg color y elija un color en el panel Muestras emergente para establecer un color de fondo de la caja.

   Para las propiedades adicionales, como la frontera o relleno, añadirlos en el panel Estilos CSS.

5. Si el panel Estilos CSS no está visible, abrirlo seleccionando Ventana → Estilos CSS.

6. Haga doble clic en el # ApDiv1 ID estilo que controla la caja.

   Aparece el cuadro de diálogo de definición de reglas CSS.

   

7. Seleccione la categoría Borde de la izquierda para cambiar la frontera.

8. En la columna de estilo, utilice la lista desplegable superior para configurar un estilo de borde (como sólido) a los cuatro lados.

   Utilice la lista desplegable superior en la categoría Ancho para seleccionar un grosor del borde (por ejemplo, medio) para los cuatro lados. Utilice el selector de color superior en la columna de color para asignar un color de borde en los cuatro lados.

   Para asignar valores diferentes a cualquiera o todos los lados para el estilo, ancho, o color, desactive la casilla de verificación mismo todo por debajo de sus respectivas columnas.

9. En la categoría de la caja de la izquierda, debajo del acolchado, establecer el relleno de los cuatro lados de la caja para el grosor que desee (por ejemplo, entre 5 píxeles en los cuadros de texto).

10. Haga clic en OK para salir del panel y aplicar los cambios.

    Se ve cómo las propiedades CSS que afectan a la aplicó apDiv1 recuadro de la página.

Para ocultar un cuadro se muestra debajo del panel Elementos PA, haga clic en la columna a la izquierda de su nombre (bajo el icono del ojo) hasta que aparezca un icono de ojo cerrado. Para hacer que el cuadro vuelve a aparecer, haga clic en el icono del ojo hasta que la caja se abre de nuevo.

Usted puede notar las superposiciones prevenir la caja, no seleccionado por defecto cheque, en la parte superior del panel Elementos PA. Debido Div PA puede superponerse fácilmente entre sí, la selección de esta casilla de verificación anula que el comportamiento al forzar las cajas al lado del otro y evitar la creación de nuevas cajas una encima de la otra.