Div pa modificación en adobe dreamweaver cs5

Video: Adobe Dreamweaver CS3: Etiquetas DIV PA

En Adobe Creative Suite 5 (CS5 de Adobe) Dreamweaver realiza cambios en una Div PA en el panel Elementos PA. El panel se agrupa a menudo con el panel Estilos CSS, en caso de que estés buscando.

Video: AP Divs en Dreamweaver CC

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

   Video: How To Create and Position A Rollover Button In Adobe Dreamweaver CS5

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

   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 # ApDiv2 ID estilo que controla la caja.

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

   
   Añadir propiedades CSS a través de una variedad de categorías para construir reglas.

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 aplicó la caja apDiv2 en 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.