Cómo modificar divisiones en posición absoluta (AP) en Adobe Dreamweaver CS6

  1. Software
  2. Adobe
  3. Dreamweaver
  4. Cómo modificar divisiones en posición absoluta (AP) en Adobe Dreamweaver CS6

Libro Relacionado

Por Jennifer Smith, Christopher Smith, Fred Gerantabee

Cada división de posición absoluta (AP) que dibuje en Adobe Dreamweaver CS6 aparece automáticamente en el panel Elementos de AP (seleccione Window→AP Elements para mostrarla). El panel Elementos AP puede ayudarte a seleccionar, ocultar y mostrar cualquier Divs AP en la página. Este panel es útil cuando tienes muchos AP Divs en la página y quieres navegar entre ellos con precisión.

Sobre todo, debido a que puede modificar las propiedades de cualquier AP Div desde su correspondiente estilo de ID, el panel le ayuda a averiguar qué estilo de ID pertenece a una AP Div.

El panel Elementos AP suele estar agrupado con el panel Estilos CSS, por si acaso lo estás buscando.

Para modificar un cuadro (AP Div), siga estos pasos:

  1. Seleccione Window→AP Elements para abrir el panel AP Elements.
  2. En el panel, localice y seleccione apDiv1 para resaltarlo en la página El inspector de propiedades muestra su tamaño y posición además de otras propiedades.
  3. Usando las cajas de texto en el inspector de propiedades, cambie el ancho de la caja introduciendo un número en el campo W y cambie la altura de la caja introduciendo un número en el campo H.
  4. Haga clic en la muestra junto a Color Bg y seleccione un color en el panel emergente Muestras para establecer un color de fondo para el cuadro Para obtener propiedades adicionales, como bordes o relleno, añádalos en el panel Estilos CSS.
  5. Si el panel Estilos CSS no está visible, ábralo seleccionando Estilos Window→CSS
  6. Haga doble clic en el estilo de ID #apDiv1 que controla el cuadro de diálogo Definición de la regla CSS.
  7. Seleccione la categoría Borde de la izquierda para cambiar el borde.
  8. En la columna Estilo, utilice la lista desplegable Arriba para establecer un estilo de borde (como Sólido) en los cuatro lados y utilice la lista desplegable Arriba bajo la categoría Ancho para seleccionar un espesor de borde (por ejemplo, medio) para los cuatro lados. Para asignar valores diferentes a uno o todos los lados en cuanto a estilo, ancho o color, desactive la casilla de verificación Mismo para todos debajo de sus columnas respectivas.
  9. En la categoría Caja a la izquierda, en Relleno, ajuste el relleno para los cuatro lados de la caja al grosor que desee (por ejemplo, introduzca 5 píxeles en las cajas de texto).
  10. Haga clic en Aceptar para salir del panel y aplicar los cambios, verá cómo las propiedades CSS que ha aplicado afectan al cuadro apDiv1 de la página.

Para ocultar una casilla mostrada en el panel Elementos de AP, haga clic en la columna a la izquierda de su nombre (bajo el icono Ojo) hasta que aparezca un icono de Ojo cerrado. Para que vuelva a aparecer el cuadro, haga clic en el icono Ojo hasta que el cuadro se abra de nuevo.

Puede ver la casilla de verificación Evitar solapamientos, deseleccionada por defecto, en la parte superior del panel Elementos de AP. Debido a que las Divisiones AP pueden superponerse fácilmente, al seleccionar esta casilla de verificación se anula ese comportamiento forzando las casillas una al lado de la otra e impidiendo la creación de nuevas casillas una encima de la otra.

Sé el primero en comentar

Dejar una contestacion

Tu dirección de correo electrónico no será publicada.


*